美文网首页
Android LinnerLayout实现根据数据变化的布局

Android LinnerLayout实现根据数据变化的布局

作者: __素颜__ | 来源:发表于2018-08-20 14:37 被阅读177次

前言

以前做项目发现一个规律,一直没总结,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

相关文章

网友评论

      本文标题:Android LinnerLayout实现根据数据变化的布局

      本文链接:https://www.haomeiwen.com/subject/npqliftx.html