Android ApiDemos示例解析(139):Views->Layouts->Baseline->Nested Example 2

最新推荐文章于 2025-11-26 16:17:36 发布

最新推荐文章于 2025-11-26 16:17:36 发布 · 59 阅读

文章标签：

#移动开发

本文详细介绍了在Android应用中通过改变LinearLayout的orientation属性和使用baselineAlignedChildIndex来实现布局调整与基线对齐的方法。通过实例演示了如何在不同布局方向下保持文本的一致对齐。

本例和上例类似，只是将其中一个子LinearLayout的orientation从vertical 改成horizontal，同样去掉android:layout_gravity=”center_vertical”

<!– We want the middle textview of this vertical linear layout to
be baseline aligned with the others.–>
<LinearLayout
android:orientation=”vertical”
android:baselineAlignedChildIndex=”1″
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
>
<ImageView
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:src=”@drawable/arrow_up_float”/>
<TextView
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:layout_marginRight=”5dip”
android:text=”@string/baseline_nested_1_label” />
<ImageView
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:src=”@drawable/arrow_down_float”/>
</LinearLayout>

<!– We want the third index textview of this vertical linear layout to
be baseline aligned with the others.–>
<LinearLayout
android:orientation=”horizontal”
android:baselineAlignedChildIndex=”2″
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”>
<ImageView
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:src=”@drawable/arrow_up_float”/>
<ImageView
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:src=”@drawable/arrow_up_float”/>
<TextView
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:layout_marginRight=”5dip”
android:text=”@string/baseline_nested_1_label” />
</LinearLayout>

</LinearLayout>