在列表视图中对齐两个文本视图

Question

这是我所拥有的：

有选项，每个选项都有内容。选项编号（A、B、C、D）在单独的文本视图中，它们的内容在单独的文本视图中。

我正在尝试将选项编号与选项内容的第一行对齐。我尝试设置常量paddingTop，但随着选项内容中的行数发生变化，它会失去对齐。有什么建议吗？

这是 xml 的一部分：

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/options"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="8dp">

    <TextView
        android:id="@+id/option_number"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="10"
        android:text="A"
        android:paddingLeft="5dp"
        android:textSize="17sp"
        android:textStyle="bold"
        android:textColor="@color/charcoal"/>



    <TextView
        android:id="@+id/option_content"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="100"
        android:textSize="17sp"
        android:gravity="center|left"
        android:paddingRight="20dp"
        android:text="option content...."
        android:textColor="@color/charcoal"/>

我可以通过动态获取选项内容的paddingTop 并为选项编号设置相同的填充来做到这一点吗？

Answer 1

尝试在option_content上设置android:layout_alignBaseline="@id/option_number"

Answer 2

您可以使用相对布局而不是线性布局，但您必须稍微更改您的 xml。因此，如果您决定使用它，您只需将下一个属性设置为第一个 TextView

android:layout_alignTop="@+id/option_content"

它应该对你有帮助。

Answer 3

为 option_number 设置 android:gravity="top" TextView 为 option_content 设置 android:gravity="top|left"。或者，使用相对布局并使用 layout_aligntop

Answer 4

使用：android:layout_centerVertical="true"。

建议，可以结合使用以下三个来轻松实现你想要的：
1) 垂直居中
2) ToRightOf
3) 相对布局。

例如：

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/options"
    android:layout_width="match_parent"
    android:layout_height="80dp">

    <TextView
        android:layout_centerVertical="true"

        android:id="@+id/option_number"
        android:layout_width="30dp"
        android:layout_height="wrap_content"
        android:text="A"
        android:paddingLeft="5dp"
        android:textSize="17sp"
        android:textStyle="bold"
        android:textColor="@color/charcoal"/>

    <TextView
        android:layout_toRightOf="@id/option_number"
        android:layout_centerVertical="true"

        android:id="@+id/option_content"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="17sp"
        android:text="option content...."
        android:textColor="@color/charcoal"/>

Answer 5

试试下面的。

在您的 xml 中替换它。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/options"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal"
        android:weightSum="5">

        <TextView
            android:id="@+id/option_number"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:paddingLeft="5dp"
            android:text="A"
            android:maxLines="4"
            android:textColor="@color/charcoal"
            android:textSize="17sp"
            android:textStyle="bold" />


        <TextView
            android:id="@+id/option_content"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="4"
            android:maxLines="4"
            android:text="option content...."
            android:textColor="@color/charcoal"
            android:textSize="17sp" />

    </LinearLayout>

完成了。

肯定会对你有所帮助。