android - 将 View 定位在两个 View (或最低 View )下

Question

我有一个 RelativeLayout，左边有一个 ImageView，然后右边有一个 TextView。 TextView 是通过他们的 API 从网站下载的，因此每次的内容都会不同。

我想在这两个下面有另一个 TextView 但是当 TextView 长度小于 ImageView 时我遇到了问题。发生这种情况时，底部的 TextView 将与 ImageView 重叠，因为我将底部的 TextView 对齐到 TextView 在右上角。

我需要做的是能够将底部的 TextView 对齐到最低的 View 下。

这是我的布局 XML:

<?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="match_parent"
    android:layout_height="match_parent" >

    <ImageView
        android:id="@+id/itemImageView"
        android:layout_width="100dp"
        android:layout_height="80dp"
        android:layout_alignParentLeft="true"
        android:layout_marginLeft="5dp"
        android:layout_marginRight="5dp"
        android:layout_marginTop="5dp"
        android:src="@drawable/id_image" />

    <TextView
        android:id="@+id/itemContentsTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignRight="@+id/itemImageView"
        android:layout_marginRight="2dp"
        android:layout_marginTop="2dp"
        android:text="Sample contents\nSample contents\nSample contents" />

    <TextView
        android:id="@+id/itemIdTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/itemContentsTextView"
        android:layout_marginBottom="10dp"
        android:layout_marginRight="10dp"
        android:layout_marginTop="5dp"
        android:text="1234" />

</RelativeLayout>

Answer 1

您应该创建 LinearLayout 作为顶级父级并使其成为 orientation:vertical。然后首先添加您的 relativeLayout，然后添加您的 TextView。

所以它看起来像这样。

<?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="match_parent"
          android:layout_height="match_parent"
          android:orientation="vertical" >
    <RelativeLayout    
               android:layout_width="match_parent"
               android:layout_height="match_parent" >

        <ImageView
                android:id="@+id/itemImageView"
                android:layout_width="100dp"
                android:layout_height="80dp"
                android:layout_alignParentLeft="true"
                android:layout_marginLeft="5dp"
                android:layout_marginRight="5dp"
                android:layout_marginTop="5dp"
                android:src="@drawable/id_image" />

        <TextView
                android:id="@+id/itemContentsTextView"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignRight="@+id/itemImageView"
                android:layout_marginRight="2dp"
                android:layout_marginTop="2dp"
                android:text="Sample contents\nSample contents\nSample contents" />
    </RelativeLayout>
    <TextView
            android:id="@+id/itemIdTextView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="10dp"
            android:layout_marginRight="10dp"
            android:layout_marginTop="5dp"
            android:text="1234" />
</LinearLayout>