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

时间:2017-05-13 09:58:44

标签: android android-layout textview

我在列表项中使用了两个文本视图,用于列表视图和Android应用程序。

但是,文本视图在每个列表项中一个在另一个下面显示,我想在每个项目中水平显示它们。使用线性布局有帮助吗?或者是否可以使用相对布局?

机器人:layout_alignRight = “@ + ID / lnumber” 在我的第二个文本视图中使用此选项导致我的文本项垂直打印在列表项的左端。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:padding="@dimen/activity_horizontal_margin">

    <TextView
        android:id="@+id/lnumber"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingBottom="2dip"
        android:paddingTop="6dip"
        android:textColor="#5d5d5d"
        android:textSize="16sp"
        android:textStyle="bold" />

    <TextView
        android:id="@+id/lname"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingBottom="2dip"
        android:textColor="#5d5d5d"
        />

</RelativeLayout>

2 个答案:

答案 0 :(得分:0)

只需将属性android:layout_toRightOf="@id/lnumber"android:layout_alignBottom="@id/lnumber"添加到TextView lname,即可将其与lnumber的右侧对齐。

试试这个:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:padding="@dimen/activity_horizontal_margin">

    <TextView
        android:id="@+id/lnumber"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="#5d5d5d"
        android:textSize="16sp"
        android:textStyle="bold"
        android:text="First"/>

    <TextView
        android:id="@+id/lname"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@id/lnumber"
        android:layout_alignBottom="@id/lnumber"
        android:layout_marginLeft="8dp"
        android:textColor="#5d5d5d"
        android:text="Second"/>

</RelativeLayout>

<强>输出:

enter image description here

答案 1 :(得分:0)

与线性布局相比,相对布局需要更多时间来充气,因此可以使用线性布局而不是相对布局。

线性布局已经水平对齐,因此您可以直接使用它。 你也可以给予权重。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:weightSum="2">

<TextView
    android:id="@+id/lnumber"
    android:layout_width="0dp"
    android:layout_weight="1"
    android:layout_height="wrap_content"
    android:background="@android:color/black"
    android:paddingBottom="2dip"
    android:paddingTop="6dip"
    android:text="Priyanka"
    android:textColor="#ffffff"
    android:textSize="16sp"
    android:textStyle="bold" />

<TextView
    android:id="@+id/lname"
    android:layout_width="0dp"
    android:layout_weight="1"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_marginLeft="5dp"
    android:layout_marginRight="5dp"
    android:text="Madgundi"
    android:background="@android:color/black"
    android:paddingBottom="2dip"
    android:paddingTop="6dip"
    android:textColor="#ffffff" />