android中baselineAligned和baselineAlignedChildIndex

最新推荐文章于 2023-05-12 13:51:20 发布

weixin_30449453

最新推荐文章于 2023-05-12 13:51:20 发布

阅读量196

点赞数

CC 4.0 BY-SA版权

文章标签：移动开发

原文链接：http://www.cnblogs.com/yaksha/p/4267691.html

本文详细解析了Android中LinearLayout的baselineAligned属性的功能及其使用场景。介绍了基准线的概念，并通过实例展示了该属性如何影响文本视图的对齐方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

相信大家对LinearLayout已经相当熟悉，但你们是否了解它的属性baselineAligned呢？

Android官方文档是这么描述的：

那到底这个属性是做什么用的呢？

baselineAligned:基准线对齐。

首先要解释什么是基准线，这个在中文中不常见，但在以字母为书写语言的其他国家非常常见。

如上图所示，红线就是基线(baseline)，是不是很熟悉，这不就是我们经常写英文的四条线中的第三条吗。

那baselineAligned是做什么用的呢？根据官方文档，baselineAligned默认设置为true,当设置为false时，

布局文件和它的孩子的基准线不对齐。

让我们通过一个例子来看看效果怎样的。

 1 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 2     xmlns:tools="http://schemas.android.com/tools"
 3     android:layout_width="match_parent"
 4     android:layout_height="wrap_content"
 5     android:baselineAligned="false"
 6     android:orientation="horizontal">
 7 
 8     <TextView
 9         android:layout_width="wrap_content"
10         android:layout_height="wrap_content"
11         android:layout_marginRight="5dip"
12         android:text="TextView:p" />
13     <TextView 
14         android:layout_width="wrap_content"
15         android:layout_height="wrap_content"
16         android:layout_marginRight="5dip"
17         android:textSize="30sp"
18         android:text="LargeTextView:p"
19         />
20 </LinearLayout>

这是将baselineAligned值设置为false时，也就是不对齐。看看运行效果：

把baselineAligned值改为true。

差别很明显，一看就明白区别了。

android:layout_baselinealignedChildIndex属性指当前layout是以哪个view的基准线与其他的View进行对齐。这个属性只对Button、TextView、EditView有效且下标从0开始。大家看一段代码和效果图：

<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/test"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="5dip"
android:text="abcdg" />
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/test"/>
</LinearLayout>

<LinearLayout
android:orientation="vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:baselineAlignedChildIndex="2">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/test"/>

<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/test"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="5dip"
android:text="abcdg" />
</LinearLayout>