背景

有时以列表形式展示控件时,需要保持上下控件对齐.

效果图

“用户账号:”和“密码:”居左或居右对齐,同时后面的输入框也对齐.

实现方案

利用TableLayout实现,里面嵌套TableRow.

实现描述列居左对齐

android:layout_width="match_parent"

android:layout_height="match_parent">

android:layout_width="match_parent"

android:layout_height="match_parent"

android:gravity="center">

android:id="@+id/textView"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="用户账号:" />

android:id="@+id/editText"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:width="100dp" />

android:layout_width="match_parent"

android:layout_height="match_parent"

android:gravity="center">

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="密码:" />

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:width="100dp" />

实现描述列居右对齐

在TextView中增加了android:textAlignment="textEnd"属性

android:layout_width="match_parent"

android:layout_height="match_parent">

android:layout_width="match_parent"

android:layout_height="match_parent"

android:gravity="center">

android:id="@+id/textView"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="用户账号:"

android:textAlignment="textEnd" />

android:id="@+id/editText"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:width="100dp" />

android:layout_width="match_parent"

android:layout_height="match_parent"

android:gravity="center">

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="密码:"

android:textAlignment="textEnd" />

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:width="100dp" />