Android之权重layout_weight的真正用法
2016-07-05 17:34
260 查看
layout_weigh——权重 总的来说就是屏幕的剩余空间按比例分配
首先声明只有在Linearlayout中,该属性才有效。之所以android:layout_weight会引起争议,是因为在设置该属性的同时,设置android:layout_width为wrap_content和match_parent会造成两种截然相反的效果。LinearLayout为水平的时候和垂直都是一样的效果,现在讨论为水平的时候的效果。
如下所示:
上面的布局将两个TextView的宽度均设为match_parent,一个权重为1,一个权重为3.得到效果如下:
可以看到权重为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/4 = (3/4)L.事实上默认的View的weight这个值为0,一旦设置了这个值,那么所在view在绘制的时候执行onMeasure两次的原因就在这。
Google官方推荐,当使用weight属性时,将width设为0dip即可,效果跟设成wrap_content是一样的。这样weight就可以理解为占比了!
首先声明只有在Linearlayout中,该属性才有效。之所以android:layout_weight会引起争议,是因为在设置该属性的同时,设置android:layout_width为wrap_content和match_parent会造成两种截然相反的效果。LinearLayout为水平的时候和垂直都是一样的效果,现在讨论为水平的时候的效果。
如下所示:
<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"> <TextView android:layout_weight="1" android:background="#ff0000" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="11111" /> <TextView android:layout_weight="3" android:background="#00ff00" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="33333" /> </LinearLayout>
上面的布局将两个TextView的宽度均设为match_parent,一个权重为1,一个权重为3.得到效果如下:
可以看到权重为1的反而占了四分之三!
再看如下布局:
<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"> <TextView android:layout_weight="1" android:background="#ff0000" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="11111" /> <TextView android:layout_weight="3" android:background="#00ff00" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="33333" /> </LinearLayout>宽度为wrap_content,效果如下图:
左边 TextView占比四分之一,又正常了。
android:layout_weight的真实含义是:一旦View设置了该属性(假设有效的情况下),那么该 View的宽度等于原有宽度(android:layout_width)加上剩余空间的占比!
设屏幕宽度为L,在两个view的宽度都为match_parent的情况下,原有宽度为L,两个的View的宽度都为L,那么剩余宽度为L-(L+L) = -L, 左边的View占比四分之三,左边的总宽度是L+(-L)*1/4 = (3/4)L.事实上默认的View的weight这个值为0,一旦设置了这个值,那么所在view在绘制的时候执行onMeasure两次的原因就在这。
Google官方推荐,当使用weight属性时,将width设为0dip即可,效果跟设成wrap_content是一样的。这样weight就可以理解为占比了!
相关文章推荐
- Android布局的小窍门?
- Web布局连载——两栏固定布局(五)
- 样式表CSS布局经验
- 在winform下实现左右布局多窗口界面的方法之续篇
- css网页布局中注意的几个问题小结
- DL.DT.DD实现左右的布局简单例子第1/2页
- 使用CSS框架布局的缺点和优点小结
- div+CSS网页布局的意义与副作用原因小结第1/2页
- 在winform下实现左右布局多窗口界面的方法
- Android布局技巧之创建可重用的UI组件
- Android编程之代码创建布局实例分析
- CSS顶级技巧大放送,div+css布局必知
- 用div实现像table一样的布局方法
- Bootstrap三种表单布局的使用方法
- 精彩的Bootstrap案例分享 重点在注释!(选项卡、栅格布局)
- 第七篇Bootstrap表单布局实例代码详解(三种表单布局)
- jQuery EasyUi实战教程之布局篇
- jQuery EasyUI 布局之动态添加tabs标签页
- jquery自适应布局的简单实例
- Bootstrap页面布局基础知识全面解析