文档章节

android开发笔记之权重(layout_weight)

Mr_Nice
 Mr_Nice
发布于 2016/05/22 20:01
字数 1554
阅读 8
收藏 0

我相信大家在布局文件中都用过权重(layout_weight)吧,当然这只有在线性布局(Linearlayout)中才有的,可是很多人也许都只是简单的理解为比。

其实权重就是:
把屏幕剩余空间按比例分配

大家先记住这句话,这里就来深入理解下权重,这里以水平排列为例(即宽度的权重),懂了水平的,竖直排列的(即高度的权重)自然同理。

①第一种情况(宽度为wrap_content):

a.

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal" tools:context="com.example.weight.MainActivity" >
    <Button  android:layout_weight="1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="btn1" />

    <Button  android:layout_weight="1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="btn2" />
</LinearLayout>

这里写图片描述

效果:

这里写图片描述

现在两个按钮的宽度都为wrap_content,所以剩下的屏幕宽度为:

math_parent - 2*wrap_content,权重为1:1

则btn1所占宽度为:本身宽度 + 剩下屏幕的宽度的1/2 = wrap_content
+ 1/2(math_parent - 2*wrap_content)

btn2所占的宽度为:本身宽度 + 剩下屏幕的宽度的1/2 = wrap_content
+ 1/2(math_parent - 2*wrap_content)

从上面看到两式相等,所以两个按钮应该是平分整个屏幕宽度

b.

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal" tools:context="com.example.weight.MainActivity" >
    <Button  android:layout_weight="1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="btn1" />

    <Button  android:layout_weight="2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="btn2" />
</LinearLayout>

效果:

这里写图片描述

可以看出,这两个按钮并不是1:2,那是为什么呢,我们来算下,

现在两个按钮的宽度都为wrap_content,所以剩下的屏幕宽度为:

math_parent - 2*wrap_content,权重为1:2

则btn1所占宽度为:本身宽度 + 剩下屏幕的宽度的1/3 = wrap_content
+ 1/3(math_parent - 2*wrap_content)

btn2所占的宽度为:本身宽度 + 剩下屏幕的宽度的2/3 = wrap_content
+ 2/3(math_parent - 2*wrap_content)

看这两个式子好像不能一眼看不出来,我们来个带个数,假设wrap_content = 120dp,math_parent = 900dp

那么btn1所占宽度为:340dp

btn2所占宽度为:560dp

现在知道为什么不是1:2了吧

c.

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal" tools:context="com.example.weight.MainActivity" >
    <Button  android:layout_weight="1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="btn1" />

    <Button  android:layout_weight="2000" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="btn2" />
</LinearLayout>

效果:

这里写图片描述

大家可以看到,btn2的权重已经设的很大了,btn1的权重为1,但是btn1仍然能够显示。

继续来算下,现在两个按钮的宽度都为wrap_content,所以剩下的屏幕宽度为:

math_parent - 2*wrap_content,权重为1:2000

则btn1所占宽度为:本身宽度 + 剩下屏幕的宽度的1/2001 = wrap_content
+ 1/2001(math_parent - 2*wrap_content)

btn2所占的宽度为:本身宽度 + 剩下屏幕的宽度的2000/2001 = wrap_content
+ 2000/2001 (math_parent - 2*wrap_content)

现在可以知道为什么权重不管多大,都不能占满全屏的原因了吧。

②第二种情况(宽度为math_parent):

a.

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal" tools:context="com.example.weight.MainActivity" >
    <Button  android:layout_weight="1" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="btn1" />

    <Button  android:layout_weight="1" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="btn2" />
</LinearLayout>

效果:

这里写图片描述

现在两个按钮的宽度都为match_parent,所以剩下的屏幕宽度为:

math_parent - 2*match_parent = -match_parent,权重为1:1

则btn1所占宽度为:本身宽度 + 剩下屏幕的宽度的1/2 = match_parent
+ 1/2(math_parent - 2*match_parent) = 1/2match_parent

btn2所占的宽度为:本身宽度 + 剩下屏幕的宽度的1/2 = match_parent
+ 1/2(math_parent - 2*match_parent) = 1/2match_parent

从上面看到两式相等,所以两个按钮应该是平分整个屏幕宽度

b.

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal" tools:context="com.example.weight.MainActivity" >
    <Button  android:layout_weight="1" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="btn1" />

    <Button  android:layout_weight="2" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="btn2" />
</LinearLayout>

效果:

这里写图片描述

大家可以看到一个很奇怪的现象,btn2的权重更大,但是它反而比btn1占的宽度更少了,为什么呢,算一算。

现在两个按钮的宽度都为match_parent,所以剩下的屏幕宽度为:

math_parent - 2*match_parent = -match_parent,权重为1:2

则btn1所占宽度为:本身宽度 + 剩下屏幕的宽度的1/3 = match_parent
+ 1/3(math_parent - 2*match_parent) = 2/3match_parent

btn2所占的宽度为:本身宽度 + 剩下屏幕的宽度的2/3 = match_parent
+ 2/3(math_parent - 2*match_parent) = 1/3match_parent

现在知道为什么了吧。

c.

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal" tools:context="com.example.weight.MainActivity" >
    <Button  android:layout_weight="1" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="btn1" />

    <Button  android:layout_weight="2000" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="btn2" />
</LinearLayout>

效果:

这里写图片描述

为什么只看到btn1呢

现在两个按钮的宽度都为match_parent,所以剩下的屏幕宽度为:

math_parent - 2*match_parent = -match_parent,权重为1:2000

则btn1所占宽度为:本身宽度 + 剩下屏幕的宽度的1/2001 = match_parent
+ 1/2001(math_parent - 2*match_parent) = 2000/2001match_parent

btn2所占的宽度为:本身宽度 + 剩下屏幕的宽度的2000/2001= match_parent
+ 2000/2001(math_parent - 2*match_parent) = 1/2001match_parent

这样可以看出btn2的宽度基本可以忽略不计了。

③第三种情况(0dp):

通过上面的示例,大家都应该知道怎么算权重了吧,这里就演示下1:2的情况

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal" tools:context="com.example.weight.MainActivity" >
    <Button  android:layout_weight="1" android:layout_width="0dp" android:layout_height="wrap_content" android:text="btn1" />

    <Button  android:layout_weight="2" android:layout_width="0dp" android:layout_height="wrap_content" android:text="btn2" />
</LinearLayout>

效果:

这里写图片描述

现在两个按钮的宽度都为0dp,所以剩下的屏幕宽度为:

math_parent - 2*0 = match_parent,权重为1:2

则btn1所占宽度为:本身宽度 + 剩下屏幕的宽度的1/3 =
0 + 1/3(math_parent - 2*0) = 1/3match_parent

btn2所占的宽度为:本身宽度 + 剩下屏幕的宽度的2/3 =
0+ 2/3(math_parent - 2*0) = 2/3match_parent

可以看出btn1和btn2实际的宽度比就等于它们的权重比。

总结:

①权重是把屏幕剩余空间按比例分配

②如果wrap_content,那么权重越大,位置占的越多,再小小不过wrap_content

③如果match_parent,那么权重越大,位置占的越少,再大大不过match_parent

④如果使用0dp,则实际的宽度比就等于权重比

© 著作权归作者所有

共有 人打赏支持
Mr_Nice
粉丝 0
博文 47
码字总数 39947
作品 0
广州
私信 提问
关于对Layout_weight的理解

最近一段时间,有朋友经常问我关于android布局文件里Layout_weight到底是什么作用,之前我也被困扰,随着知识的增长,也慢慢知道了缘由,并将自己的理解分享如下: layout_weight的权重不是指...

nuke
2013/10/10
0
0
Android 布局详解 -一线性布局以及重要属性

Android 布局详解 Android 布局是开发中非常重要的一个知识部分,它的布局分为以下几种: Linear Layout:线性布局 Relative Layout:相对布局 Table Layout:表格布局 Grid View:网格布局 ...

-天蓬元帅-
2013/12/15
0
0
Android开发教程之屏幕自适应解决方法

Demo首页的预览图 上图是通过设置layout_weight来解决Android多屏幕自适应。该属性的作用是决定控件在其父布局中的显示权重,一般用于线性布局中。其值越小,则对应的layout_width或layout_...

maiziedu
2015/01/20
357
0
Android:Layout_weight的深刻理解,个人首发,欢迎转载和顶贴!

分类: Android2012-06-06 00:58 439人阅读 评论(10) 收藏 举报 最近写Demo,突然发现了Layout_weight这个属性,发现网上有很多关于这个属性的有意思的讨论,可是找了好多资料都没有找到一个...

thisiscx
2012/12/27
0
3
不可忽视的布局属性layout_weight,彻底纠正网上很多对于该属性的片面理解

Android:layout_weight详解 中文定义: 在一个布局组件中(例如:LinearLayout)中各个子元素的对于剩余空间的使用权重。 默认:android:layout_weight= 0 默认情况下,布局模式以android:h...

迷途d书童
2012/03/05
515
0

没有更多内容

加载失败,请刷新页面

加载更多

vue 对对象的属性进行修改时,不能渲染页面 vue.$set()

我在vue里的方法里给一个对象添加某个属性时,我console.log出来的是已经更改的object ,但是页面始终没有变化 原因如下: **受现代 JavaScript 的限制 (而且 Object.observe 也已经被废弃),...

Js_Mei
今天
2
0
开始看《Java学习笔记》

虽然书买了很久,但一直没看。这其中也写过一些Java程序,但都是基于IDE的帮助和对C#的理解来写的,感觉不踏实。 林信良的书写得蛮好的,能够帮助打好基础,看得出作者是比较用心的。 第1章概...

max佩恩
昨天
12
0
Redux 三大原则

1.单一数据源 在传统的MVC架构中,我们可以根据需要创建无数个Model,而Model之间可以互相监听、触发事件甚至循环或嵌套触发事件,这些在Redux中都是不被允许的。 因为在Redux的思想里,一个...

wenxingjun
昨天
8
0
跟我学Spring Cloud(Finchley版)-12-微服务容错三板斧

至此,我们已实现服务发现、负载均衡,同时,使用Feign也实现了良好的远程调用——我们的代码是可读、可维护的。理论上,我们现在已经能构建一个不错的分布式应用了,但微服务之间是通过网络...

周立_ITMuch
昨天
5
0
XML

学习目标  能够说出XML的作用  能够编写XML文档声明  能够编写符合语法的XML  能够通过DTD约束编写XML文档  能够通过Schema约束编写XML文档  能够通过Dom4j解析XML文档 第1章 xm...

stars永恒
昨天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部