两个视图之间的相对布局位置视图

Question

所以我目前正在开发 Android 上的应用程序，但我遇到了一个关于 RelativeLayout 的特定问题，我找不到解决方法。

我在layout里面有三个view如下：TextView、Textview和ImageView（横放），下面是ios对应的截图：

中间的Textview应该坚持第一个，直到他到达Imageview，当他这样做时，他保持他的最小尺寸（包装内容），而第一个Textview被截断。

在 IOS 上我设置了约束的优先级来完成这个，但我不知道如何在 Android 上解决这个问题。

这是我尝试过的：

<android.support.percent.PercentRelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:background="@drawable/daily_movie_title_box">

    <TextView
    android:id="@+id/daily_header_textview"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"


    android:padding="15dp"
    android:text="New Text aawi oa ioawfwi"
    android:textSize="16sp"

    android:textStyle="bold"
    android:textColor="@color/white"

    android:lines="1"
    android:singleLine="true"

    android:layout_alignParentStart="true"
    />


    <TextView
    android:id="@+id/duration_text"
    android:text="138 mins"
    android:layout_width="100dp"
    android:layout_height="wrap_content"
    android:textSize="13sp"
    android:textColor="@color/white"
    android:lines="1"
    android:layout_alignBaseline="@id/daily_header_textview"

    android:layout_toStartOf="@+id/certification_icon"
    android:layout_toEndOf="@id/daily_header_textview"

    />

    <ImageView
    android:id="@id/certification_icon"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_alignParentEnd="true"
    android:src="@drawable/uk12a"
    android:layout_alignBottom="@id/daily_header_textview"
    app:layout_aspectRatio="100%"/>

</android.support.percent.PercentRelativeLayout>

这导致了这个（这就是我想要的）：

但是当我增加第一个 Textview 文本时，它的行为并不如我所愿......

是否可以在 Android 中实现我想要的行为（保留中间的 Textview 包装内容，并在需要时截断第一个）？

如果我最终找到解决方案，我会发布更新，只是想看看是否有人能找到一种简单的方法来实现这种行为，我怀疑有。

谢谢。

Answer 1

据我了解，您希望第一个 TextView 尽可能大，如果文本太小，则不要在文本后添加空格。第二个TextView 应该只有wrap_content，但是当行没有时它应该填充父布局的其余部分。 ImageView 设置为 wrap_content。

我用这个布局对其进行了测试：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TableLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:shrinkColumns="0"
        android:stretchColumns="1">

        <TableRow>

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:singleLine="true"
                android:text="Shrinking text dddddddddddddddddddddd"/>

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Midle column"/>

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@mipmap/ic_launcher"/>
        </TableRow>

    </TableLayout>

</LinearLayout>

唯一的问题是，如果第二列的文本非常大，它会将其他视图推出父视图。但在你的情况下，我认为这不会是一个问题。否则，我认为它可以完成工作。

Answer 2

以下是一些建议的解决方案：

• 您可以将LinearLayout 与每个组件的水平方向和权重一起使用（TextViews 和ImageView）。
• 您可以设置第二个 TextView 的最小和最大文本长度。

但我更喜欢应用第一个解决方案。您可以使用以下方法为每个组件（屏幕上的空间量）分配权重：

android:layout_height