Android LineaLayout baselineAligned

首先看一个我遇到的问题，Layout如下

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="20dp"
    tools:context="demo.cn.com.androidtest.MainActivity">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:weightSum="3"
        android:orientation="horizontal">
        <Button
            android:layout_width="0dp"
            android:layout_height="50dp"
            android:layout_weight="1"
            android:text="Hello World! Hello World!"
            />
        <Button
            android:layout_width="0dp"
            android:layout_height="50dp"
            android:layout_weight="1"
            android:text="Hello World!"
            />
        <Button
            android:layout_width="0dp"
            android:layout_height="50dp"
            android:layout_weight="1"
            android:text="Hello World!"
            />
    </LinearLayout>
   
</RelativeLayout>

横着平均放三个Button，得到的显示结果如下

第一行由于内容比较多，按钮整体往下偏移了一点，但是Button属性都一样为什么会出现这种情况，我们给上面布局加上android:baselineAligned=false属性看一下效果

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="20dp"
    tools:context="demo.cn.com.androidtest.MainActivity">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:baselineAligned="false"
        android:weightSum="3"
        android:orientation="horizontal">
        <Button
            android:layout_width="0dp"
            android:layout_height="50dp"
            android:layout_weight="1"
            android:text="Hello World! Hello World!"
            />
        <Button
            android:layout_width="0dp"
            android:layout_height="50dp"
            android:layout_weight="1"
            android:text="Hello World!"
            />
        <Button
            android:layout_width="0dp"
            android:layout_height="50dp"
            android:layout_weight="1"
            android:text="Hello World!"
            />
    </LinearLayout>
   
</RelativeLayout>

效果如下：

效果就是加上android:baselineAligned=false属性后，按钮的布局对齐了，这是我们需要的正常效果。

为什么会出现上述原因，让我们来分析一下android:baselineAligned的作用。

android:baselineAligned:基准对齐线，这个在中文中不常见，但在以字母为书写语言的其他国家非常常见如下图:

上面的那条红色的线就是基线。关于基线，有如下几点

1.首先这个基线主要是对可以显示文字的View，如TextView，Button等控件的

本例使用的是Button

2.这个baseline指的是这个UI控件的baseline--文字距UI控件顶部的偏移量，本例是距离顶部的偏移

3.LinearLayout控件默认有属性android:baselineAligned为true，如果LinearLayout的orientation为horizontal的话，其中的文字默认是文字对齐的,所以我们什么都不写，LinearLayout要求我们的文字的顶部对齐。这个我们查看源码也可得知

    /**
     * Whether the children of this layout are baseline aligned.  Only applicable
     * if {@link #mOrientation} is horizontal.
     */
    @ViewDebug.ExportedProperty(category = "layout")
    private boolean mBaselineAligned = true;

如注释描述，只有是LinearLayout是水平的时候才生效，这个变量实际使用如下:

void measureHorizontal(int widthMeasureSpec, int heightMeasureSpec)
{
   final int baselineAligned = mBaselineAligned;
 ......
         if (widthMode == MeasureSpec.EXACTLY && lp.width == 0 && lp.weight > 0) {
                // Optimization: don't bother measuring children who are going to use
                // leftover space. These views will get measured again down below if
                // there is any leftover space.
                if (isExactly) {
                    mTotalLength += lp.leftMargin + lp.rightMargin;
                } else {
                    final int totalLength = mTotalLength;
                    mTotalLength = Math.max(totalLength, totalLength +
                            lp.leftMargin + lp.rightMargin);
                }

                // Baseline alignment requires to measure widgets to obtain the
                // baseline offset (in particular for TextViews). The following
                // defeats the optimization mentioned above. Allow the child to
                // use as much space as it wants because we can shrink things
                // later (and re-measure).
                if (baselineAligned) {
                    final int freeSpec = MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED);
                    child.measure(freeSpec, freeSpec);
                } else {
                    skippedMeasure = true;
            }
            
     ......
}

LinearLayout是通过遍历孩子来给每一个孩子测量

如上源码实现：

if (widthMode == MeasureSpec.EXACTLY && lp.width == 0 && lp.weight > 0)刚好符合以本例，本里的测量过程会走这个分支

关键代码：

  if (baselineAligned) {
                    final int freeSpec = MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED);
                    child.measure(freeSpec, freeSpec);
                } else {
                    skippedMeasure = true;
            }

如果为true，则给其测量，如果为false就线略过,现在我们只需知道在水平方线上baselineAligned为true，测量的时候会特殊照顾就行，具体也不深挖了。

如下图，我们的基线为画出部分：

baselineAligned为true就要求文字对齐，为false的话则没有这个要求.