水平对齐 2 个文本视图 android

Question

我的应用程序的屏幕 (https://i.stack.imgur.com/xFozp.png)

如图所示，我水平对齐了文本视图。当产品名称较长时，名称在文本视图中显示为两行。但是当 textview 中的行数增加时，两个 textview 的起始行不是水平对齐的。我希望文本视图的起始行水平对齐。目前我正在使用线性布局。我应该改变布局吗？谁能给出要写的代码。因此，即使 2 个文本视图彼此相邻（如图所示），它们的起始（第一行）也应该在同一水平线上。

我的代码如下-

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_margin="10dp"
    android:background="@drawable/b22"
    android:gravity="center|left"
    android:orientation="horizontal" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginRight="10dp"
        android:text="TextView"
        android:textColor="@android:color/black"
        android:textSize="15dp"
        android:maxLines="3"  />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="right|center"
        android:text="TextView"
        android:textColor="@android:color/black"
        android:maxLines="3"  />

</LinearLayout>

Answer 1

考虑将 LinearLayout 用于两人一组 TextViews 和 weightSum。从总和中给两者赋予权重。下面是一个例子

<LinearLayout
  android:id="@+id/text_layout"
  android:orientation="horizontal"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:layout_marginRight="15dp"
  android:layout_marginLeft="15dp"
  android:layout_marginTop="5dp"
  android:weightSum="2"
  android:background="@android:color/white">

  <TextView
    android:id="@+id/tvProductNameLabel"
    android:layout_width="0dp"
    android:layout_weight="0.6"
    android:layout_height="wrap_content"
    android:text="Product Name"
    android:gravity="right"
    android:textSize="14sp"
    android:layout_marginRight="10dp"/>

  <TextView
    android:id="@+id/tvProductName"
    android:layout_width="0dp"
    android:layout_weight="1.4"
    android:textSize="14sp"
    android:textColor="@android:color/black"
    android:layout_height="wrap_content"
    android:text=""
    android:layout_marginLeft="10dp"
    android:layout_gravity="left"/>
 </LinearLayout>

Answer 2

1. 从 LinearLayout.

中删除属性 android:gravity="center|left"

2. 从 textView2 中删除属性 android:layout_gravity="right|center" 并将其宽度更改为 android:layout_width="match_parent".

试试这个：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="10dp"
    android:orientation="horizontal" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginRight="10dp"
        android:text="Product Name -"
        android:textColor="@android:color/black"
        android:textSize="15dp"
        android:maxLines="3"  />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="This is Liberty Agile Pension Preserver Product"
        android:textColor="@android:color/black"
        android:maxLines="3"  />

</LinearLayout>

输出：

对于您的设计，最好使用单个 RelativeLayout 并将所有 TextViews 放入其中。

举个例子：

<?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="wrap_content"
    android:layout_margin="10dp" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginRight="10dp"
        android:text="Product Name -"
        android:textColor="@android:color/black"
        android:textSize="15dp"
        android:maxLines="3"  />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@id/textView1"
        android:layout_alignTop="@id/textView1"
        android:text="This is Liberty Agile Pension Preserver Product"
        android:textColor="@android:color/black"
        android:maxLines="3"  />

    <TextView
        android:id="@+id/textView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/textView2"
        android:layout_marginTop="20dp"
        android:layout_marginRight="10dp"
        android:text="Number of Senarios Executed -"
        android:textColor="@android:color/black"
        android:textSize="15dp"
        android:maxLines="3"  />

    <TextView
        android:id="@+id/textView4"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@id/textView3"
        android:layout_alignTop="@id/textView3"
        android:text="400"
        android:textColor="@android:color/black"
        android:maxLines="3"  />

</RelativeLayout>

输出：

希望对你有所帮助~

水平对齐 2 个文本视图 android

Align 2 textviews horizontally android

android

layout

android-linearlayout

text-alignment