android:layout_weight的真实含义

柔光的暖阳◎ 2022-08-08 05:12 198阅读 0赞

转载地址：http://blog.csdn.net/yanzi1225627/article/details/24667299

首先声明只有在Linearlayout中，该属性才有效。之所以android:layout\_weight会引起争议，是因为在设置该属性的同时，设置android:layout\_width为wrap\_content和match\_parent会造成两种截然相反的效果。如下所示:

**\[html\]**  [view plain][] [copy][view plain] [print][view plain] [?][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  **<****LinearLayout**  
2.         android:layout\_width="match\_parent"  
3.         android:layout\_height="wrap\_content"  
4.         android:orientation="horizontal" **>**  
5.    
6.         **<****TextView**  
7.             android:layout\_width="match\_parent"  
8.             android:layout\_height="wrap\_content"  
9.             android:layout\_weight="1"  
10.            android:background="@android:color/black"  
11.            android:text="111"  
12.            android:textSize="20sp" **/>**  
13.   
14.        **<****TextView**  
15.            android:layout\_width="match\_parent"  
16.            android:layout\_height="wrap\_content"  
17.            android:layout\_weight="2"  
18.            android:background="@android:color/holo\_green\_light"  
19.            android:text="222"  
20.            android:textSize="20sp" **/>**

上面的布局将两个TextView的宽度均设为match\_parent，一个权重为1，一个权重为2.得到效果如下:

![Center][]

可以看到权重为1的反而占了三分之二！

再看如下布局:

**\[html\]**  [view plain][] [copy][view plain] [print][view plain] [?][view plain] [![在CODE上查看代码片][CODE]][CODE_CODE] [![派生到我的代码片][ico_fork.svg]][ico_fork.svg 1]

1.  **<****LinearLayout**  
2.      android:layout\_width="match\_parent"  
3.      android:layout\_height="wrap\_content"  
4.      android:orientation="horizontal" **>**  
5.    
6.      **<****TextView**  
7.          android:layout\_width="wrap\_content"  
8.          android:layout\_height="wrap\_content"  
9.          android:layout\_weight="1"  
10.         android:background="@android:color/black"  
11.         android:text="111"  
12.         android:textSize="20sp" **/>**  
13.   
14.     **<****TextView**  
15.         android:layout\_width="wrap\_content"  
16.         android:layout\_height="wrap\_content"  
17.         android:layout\_weight="2"  
18.         android:background="@android:color/holo\_green\_light"  
19.         android:text="222"  
20.         android:textSize="20sp" **/>**  
21. **</****LinearLayout****>**

即宽度为wrap\_content，得到视图如下：

![Center 1][]

左边 TextView占比三分之一，又正常了。

**android:layout\_weight的真实含义是:一旦View设置了该属性(假设有效的情况下)，那么该 View的宽度等于原有宽度(android:layout\_width)加上剩余空间的占比！**

设屏幕宽度为L，在两个view的宽度都为match\_parent的情况下，原有宽度为L，两个的View的宽度都为L，那么剩余宽度为L-（L+L） = -L, 左边的View占比三分之一，所以总宽度是L+(-L)\*1/3 = (2/3)L.事实上默认的View的weight这个值为0，一旦设置了这个值，那么所在view在绘制的时候执行onMeasure两次的原因就在这。

Google官方推荐，当使用weight属性时，将width设为0dip即可，效果跟设成wrap\_content是一样的。这样weight就可以理解为占比了！

[view plain]: http://blog.csdn.net/yanzi1225627/article/details/24667299#
[CODE]: https://code.csdn.net/assets/CODE_ico.png
[CODE_CODE]: https://code.csdn.net/snippets/317434
[ico_fork.svg]: https://code.csdn.net/assets/ico_fork.svg
[ico_fork.svg 1]: https://code.csdn.net/snippets/317434/fork
[Center]: /images/20220805/5d80e9b69d604812879189d102c10a61.png
[Center 1]: /images/20220805/cdf203da0c3e4e148320497f21f87d41.png