android - 可变宽度 TextView 旁边的固定宽度 TextView

Question

我正在尝试创建一个布局，其中有两个 TextViews 彼此相邻。第一个 TextView 具有可变长度并且是单行的。第二个 TextView 包含一个固定标签，应该不被省略。第二个标签必须紧挨着第一个标签。以下是我要完成的两个示例:

这是我到目前为止所取得的成就:

使用这个布局文件:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
            xmlns:tools="http://schemas.android.com/tools"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:background="@drawable/my_bg"
            android:padding="16dp"
tools:layout_height="60dp">

<TextView
    android:layout_centerVertical="true"
    android:id="@+id/tv_street"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_toLeftOf="@+id/tv_updated"
    android:textSize="17sp"
    android:singleLine="true"
    android:ellipsize="end"
    android:layout_marginLeft="16dp"
    tools:text="This label is short"/>

<TextView
    android:id="@id/tv_updated"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_centerVertical="true"
    android:layout_marginLeft="10dp"
    android:text="@string/updated"
    android:textAllCaps="true"
    android:textColor="@color/red"
    android:textStyle="bold"/>
</RelativeLayout>

剩下的问题是容器获得与其父容器匹配的宽度，而它应该是 wrap_content。

还有其他方法可以解决这个问题吗？

Answer 1

你最好使用线性布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              xmlns:tools="http://schemas.android.com/tools"
              android:layout_width="wrap_content"
              android:layout_height="match_parent"
              android:padding="16dp"
              android:orientation="horizontal"
              android:gravity="center_vertical"
              tools:layout_height="60dp">
    <TextView
        android:id="@+id/tv_street"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="17sp"
        android:layout_weight="1"
        android:singleLine="true"
        android:ellipsize="end"
        android:layout_marginLeft="16dp"
        tools:text="This label is short"/>

    <TextView
        android:id="@id/tv_updated"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:text="UPDATED"
        android:textAllCaps="true"
        android:textColor="@color/red"
        android:textStyle="bold"/>
</LinearLayout>

编辑:这里证明