前言

以前做项目发现一个规律，一直没总结，linnerlayout 和relativeLayout 的区别

需求

如果一个需求是这样的

image.png

每个item 中间的竖线是随着内容的增加而增加的

通常做法

我们很容易写出布局文件relativeLayout 里面放了很多的控件，然后中间的竖线写成matchParent 然后运行，你会发现，效果并不像你想象中的，竖线木有了，除非把布局写死，但是把布局写死不符合需求。

原因：

relativelayout 一旦首次绘制成功后内容再发生变化，relativeLayout的布局以及大小都不会变化。

解决方案

将布局换成linnnerlayout ，linnerlayout可以根据内容的变化合理的动态改变布局，

假如你请求完服务器数据变多了，布局需要撑大，用linnerlayout 你会发现，linnerlayout 布局在你眼前就变化了。

再比如

image.png

这个布局，左边一个照片，右边是基本信息，可能 是两行，也可能是三行，不管几行，这些文本相对于照片都是居中的，这用relativeLayout 实现不了，用linnerLayout实现

  <LinearLayout
            android:id="@+id/ll_card_info"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">
            <!--头像-->
            <ImageView
                android:id="@+id/iv_head"
                android:layout_width="43dp"
                android:layout_height="43dp"
                android:layout_marginBottom="13dp"
                android:layout_marginLeft="9dp"
                android:layout_marginRight="9dp"
                android:layout_marginTop="13dp"
                android:src="@mipmap/ic_card_show" />

            <!--基本信息-->
            <LinearLayout
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:layout_gravity="center_vertical"
                android:orientation="vertical">

                <TextView
                    android:id="@+id/tv_name"
                    android:layout_width="wrap_content"
                    android:layout_height="0dp"
                    android:layout_toRightOf="@id/iv_head"
                    android:layout_weight="1"
                    android:textColor="#ff333333"
                    android:textSize="15sp"
                    tools:text="马云" />


                <TextView
                    android:id="@+id/tv_company"
                    android:layout_width="wrap_content"
                    android:layout_height="0dp"
                    android:layout_below="@id/tv_name"
                    android:layout_toRightOf="@id/iv_head"
                    android:layout_weight="1"
                    android:ellipsize="end"
                    android:maxLines="1"
                    android:textColor="#ff666666"
                    android:textSize="12sp"
                    tools:text="阿里巴巴集团" />

                <TextView
                    android:id="@+id/tv_post"
                    android:layout_width="wrap_content"
                    android:layout_height="0dp"
                    android:layout_below="@id/tv_company"
                    android:layout_toRightOf="@id/iv_head"
                    android:layout_weight="1"
                    android:ellipsize="end"
                    android:maxLines="1"
                    android:textColor="#ff666666"
                    android:textSize="12sp"
                    tools:text="董事长" />
            </LinearLayout>
        </LinearLayout>

通过代码控制三行文本的visiable 和gone 不管怎么显示，文本区域都是相对照片居中的

即使“基本信息内容”中的LInnerLayout是android:layout_gravity="center_vertical" 这个小布局将会以头像确定的整个布局高度为标准竖直居中。

总结

LinnerLayout 中如果没有宽高写死的控件，而有控件写了高度或宽度match_parent 或者layout_gravity，这个我们理解应该是像RelativeLayout把整个linnerLayout撑开，然而不是它是以LinnerLayout中最高或是最宽的控件为基准进行 居中或者match_parent