android 布局weight,LinearLayout layout_weight 属性的4个简单演示

古城微笑少年丶 2022-10-17 15:57 182阅读 0赞

在android开发中LinearLayout很常用，LinearLayout的内控件的android:layout\_weight在某些场景显得非常重要，比如我们需要按比例显示。android并没用提供table这样的控件，虽然有TableLayout，但是它并非是我们想象中的像html里面的table那么好用，我们常用ListView实现table的效果，但是列对齐确比较麻烦，现在用LinearLayout及属性android:layout\_weight能很好地解决。

大家都知道 weight 是权重的意思，layout\_weight 在布局中起到非常重要的作用。但是它不能嵌套使用，而且只能使用在 LinearLayout 中。

先看看 SDK 中的解释：

Indicates how much of the extra space in the LinearLayout will be allocated to the view associated with these LayoutParams. Specify 0 if the view should not be stretched. Otherwise the extra pixels will be pro-rated among all views whose weight is greater than 0.

重点有两个：

layout\_weight表示LinearLayout中额外空间的划分(可能扩大应用layout\_weight前的大小也可能缩小)。

按比例(layout\_weight大小的比例)

我们先来看看一些布局，来一些感性的认识吧。

第一种是最普遍的用法——均分，weight的值越大，占的空间越大。注意android:layout\_width的值都为0dp。

android:layout\_width="match\_parent"

android:layout\_height="wrap\_content"

android:orientation="horizontal">

android:layout\_width="0dp"

android:layout\_height="match\_parent"

android:layout\_weight="1"

android:background="\#AAA" />

android:layout\_width="0dp"

android:layout\_height="match\_parent"

android:layout\_weight="1"/>

android:layout\_width="0dp"

android:layout\_height="match\_parent"

android:layout\_weight="1"

android:background="\#999" />

![1537194612c82c80be0e0146f830fa8d.png][]

第二种，占满剩余空间，不管是否处在最后一个。

android:layout\_width="match\_parent"

android:layout\_height="wrap\_content"

android:orientation="horizontal">

android:layout\_width="40dp"

android:layout\_height="match\_parent"

android:background="\#AAA" />

android:layout\_width="0dp"

android:layout\_height="match\_parent"

android:layout\_weight="1"/>

android:layout\_width="40dp"

android:layout\_height="match\_parent"

android:background="\#999" />

![42d39ac483b68128462519b38a7c08fa.png][]

第三种，值越大占的空间越小，值为同布局下其它控件的weight之和时，即消失。注意android:layout\_width的值都为match\_parent为0时占满。

android:layout\_width="match\_parent"

android:layout\_height="wrap\_content">

android:layout\_width="match\_parent"

android:layout\_height="match\_parent"

android:layout\_weight="1"

android:background="\#AAA" />

android:layout\_width="match\_parent"

android:layout\_height="match\_parent"

android:layout\_weight="1.5"/>

android:layout\_width="match\_parent"

android:layout\_height="match\_parent"

android:layout\_weight="2"

android:background="\#999" />

![f018d5c1caff5808a518ae9a62a618cf.png][]

最后一种结合android:weightSum使用，能够将控件放在屏幕的中央，宽度为屏幕的一半(weight = 0.5 weightSum)。

android:layout\_width="match\_parent"

android:layout\_height="match\_parent"

android:gravity="center"

android:weightSum="4">

android:layout\_width="0dp"

android:layout\_height="wrap\_content"

android:layout\_weight="2"/>

![6bf2306c6b447250294782b69cdb5b7d.png][]

先举这么4个例子，后面根据需要慢慢说明和补充。

[1537194612c82c80be0e0146f830fa8d.png]: /images/20221014/e7ae15ad095d4c919a9e6fca0aaf4f97.png
[42d39ac483b68128462519b38a7c08fa.png]: /images/20221014/63cac2d96b0b4c9db719a24399462f5d.png
[f018d5c1caff5808a518ae9a62a618cf.png]: /images/20221014/7781d5acc35b46c7a5dad96f760c334c.png
[6bf2306c6b447250294782b69cdb5b7d.png]: /images/20221014/5ee6b78c7e85418e8d53c5541cd97400.png