java - 如何将标题、描述和 URL 对齐在相等的空间中

Question

这是当前显示在我的屏幕上的布局的屏幕截图:

以下是布局的 XML 代码 fragment :

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:id="@+id/icon"
        android:layout_width="110dp"
        android:layout_height="110dp"
        android:layout_alignParentRight="true"
        android:layout_marginRight="-10dp" />

    <TextView
        android:id="@+id/title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:height="20dp"
        android:fontFamily="Cabin-Regular"
        android:paddingLeft="10dp"
        android:textColor="#E35B5B"
        android:textSize="14dp" />

    <TextView
        android:id="@+id/desc"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/title"
        android:height="44dp"
        android:fontFamily="Cabin-Regular"
        android:paddingLeft="10dp"
        android:paddingRight="100dp"
        android:textColor="#2D2D2D"
        android:textSize="16dp" />

    <TextView
        android:id="@+id/url_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/title"
        android:layout_marginTop="50dp"
        android:height="15dp"
        android:paddingLeft="10dp"
        android:paddingRight="80dp"
        android:textColor="#BDBDBD"
        android:textSize="10dp" />

</RelativeLayout>

我只想让三个 TextView 正确对齐并且彼此之间具有相等的空间。

Answer 1

这是代码。尝试最大程度地使用 LinearLayout 而不是 RelativeLayout。 RelativeLayout 用于两个或多个元素必须彼此重叠的情况。不要将所有元素都包含在单个布局中。将您的设计分为不同的部分，并对每个部分和每个部分内使用 LinearLayout，并包含属于该部分的元素。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    android:layout_height="wrap_content"
    android:layout_width="match_parent"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    >
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight=".25"
        android:orientation="vertical"
        >
        <TextView
            android:id="@+id/title"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:textColor="#E35B5B"
            android:fontFamily="Cabin-Regular"
            android:textSize="14dp"
            android:layout_weight="0.33"
            android:singleLine="true"
            android:ellipsize="end"
            android:gravity="center|left"
            android:paddingLeft="10dp"
            android:text="Google"
            />

        <TextView
            android:id="@+id/desc"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:textColor="#2D2D2D"
            android:fontFamily="Cabin-Regular"
            android:textSize="16dp"
            android:layout_weight="0.33"
            android:singleLine="true"
            android:ellipsize="end"
            android:gravity="center|left"
            android:paddingLeft="10dp"
            android:text="Google is a Search engine"
            />
        <TextView
            android:id="@+id/url_view"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_below="@+id/title"
            android:textColor="#BDBDBD"
            android:textSize="10dp"
            android:layout_weight="0.33"
            android:singleLine="true"
            android:ellipsize="end"
            android:gravity="center|left"
            android:paddingLeft="10dp"
            android:text="http://www.google.com"
            />
    </LinearLayout>
    <LinearLayout
        android:layout_width="110dp"
        android:layout_height="110dp"

        >
        <ImageView
            android:id="@+id/icon"
            android:layout_width="match_parent"
            android:layout_height="match_parent"

            />
    </LinearLayout>

</LinearLayout>