Android layout_weight 理解

╰半橙微兮° 2022-08-10 00:37 160阅读 0赞

从事android开发一段时间了，经常需要使用Android LinearLayout的layout\_weight属性。我平时使用的时候都是想当然，大概达到自己布局的效果就行了，从来没有好好地研究过。今天和同事讨论，发现自己的认识还不够，上网查找资料，不如自己去尝试下，故把自己的理解记录下来~

首先，通过查找资料，结合在网上看别人的文章，有一句话很重要：首先按照控件中声明的尺寸进行分配，然后剩下的尺寸按照weight进行分配，最后全部加到我们相应的控件上去。

一开始，我新建了一个项目，而且这个项目只是一个LinearLayout的展现，如图所示：

![Center][]

这是两个一红一蓝两个布局对我们的屏幕进行了均分，那么我的布局代码如下：

这是一个很普通的布局，在横向排布的线性布局内部有两个TextView，它们的width都是0dp，weight是相同的，所以对整个布局进行了均分，就体现为上图的样子。

那么，如果我们对width这个属性进行设置的话，我的布局会产生什么样的变化呢？ 比如我随便把layout1布局的宽度设置成100dp，layout2的布局依旧是0dp，代码如下：

我的布局效果相应是：

![Center 1][]

在这里呢，layout\_weight的值都是1.0，但是他们的宽度已经不一样了，这是由于我设置了layout1的宽度为100dp，也就是我们根据上面的红字，先给layout1分配100dp，layout2分配0dp，那么剩下的父布局的空间由layout1和layout2均分，就造成了上面这张图的效果。

好的，以前我发现有的时候在线性布局里使用layout\_weight属性的时候，有时layout\_weight越大，相应控件所分配到的空间越大，有的时候却恰恰相反。在这里我们可以试试这个例子：代码调整如下：

我把layout1的布局设置成了layout\_width为100dp，layout\_width为2.0；layout2的layout\_width为fill\_parent，layout\_width为1.0，这里我的效果是下图：

![Center 2][]

这个曾经的我是弄不清楚的，那么怎么根据代码来分析这个效果呢？我们先按照控件的尺寸进行分配，假设我的屏幕的宽度是360dp(drawable-xhdpi：  屏幕密度为320的手机设备,因此我的width在这里是360dp)，那么layout1分配到100dp，layout2根据fill\_parent分配得到360dp，那么屏幕剩下的尺寸就是360dp-(360dp+100dp)= -100dp，我们根据layout\_weight的比例来进行分析，layout1分配得到约-66dp，layout2分配得到约-33dp。那么加上之前已经分配的，layout1最后占据的区域是100dp-66dp=34dp，layout2占据的区域是360dp-33dp为327dp，也就是我上图所示的效果。

其实说了这么多，只是从逻辑层面去计算了我们在不同情况下控件所分配到的区域的大小。那么我在使用的时候，可以参考我们的android sdk的话：In order to improve the layout efficiency when you specify the weight, you should change the width of the EditText to be zero (0dp). Setting the width to zero improves layout performance because using "wrap\_content"as the width requires the system to calculate a width that is ultimately irrelevant because the weight value requires another width calculation to fill the remaining space.  也就是说我们如果使用了weight ,那么我们最好在对应的方向上将width设置为0dp。如果我们使用了非0dp的布局来定义控件大小，那反而有可能达不到我们所想要的效果。

最后再强调两点：（1）android layout\_weight的绘制原理：首先按照控件中声明的尺寸进行分配，然后剩下的尺寸按照weight进行分配，最后全部加到我们相应的控件上去。（2）推荐的使用：如果是在横向的线性布局里布局，不妨先设置android:layout\_width="0dp"， 然后再去设置layout\_weight的值来以此比例调节布局，这应该是规范的做法。

[Center]: /images/20220731/b14c6ffc04224fcd8353430b9357d37b.png
[Center 1]: /images/20220731/2da79aa2e32444d98949949ab222450d.png
[Center 2]: /images/20220731/f50481ba90cc49a2a5ea23683d13f72f.png