现在的位置: 首页 > 综合 > 正文

【移动开发】按比例布局layout_weight和weightSum

2016年08月08日 ⁄ 综合 ⁄ 共 1219字 ⁄ 字号 评论关闭

本文翻译自《50 android hacks》

先看一个效果,一个Button占据整个屏幕的一半宽度。


再看开发文档中对layout_weight属性的描述:

“定义weight总和的最大值。如果未指定该值,以所有子视图的layout_weight属性的累加值作为总和的最大值。一个典型的案例是:通过指定子视图的layout_weight属性为0.5,并设置LinearLayout的weightSum属性为1.0,实现子视图占据可用宽度的50。”

XML文件仅仅包含一个Button,它的宽度占据整个屏幕的一半,代码如下:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#ffffff"
    android:gravity="center"
    android:orientation="horizontal"
    android:weightSum="1" >

    <Button
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="0.5"
        android:text="@string/activity_main_click_me" />

</LinearLayout>

在上面的xml中,指定Button的android:layout_width属性为0dp,因此需要根据android:weightSum属性决定Button的width。

假设有一个宽度是200dp,android:weightSum属性是1.0的LinearLayout。

在这个LinearLayout中的Button宽度的计算公式如下:

Button's width + Button's weight * 200 / sum(weight)

指定Button的width为0dp,weight为0.5,sum(weight)等于1,那么结果如下。

0 + 0.5 * 200 / 1 = 100

当需要根据比例分配布局可用空间的时候,使用LinearLayout的weight属性是很有必要的,这避免了使用硬编码的方式带来的副作用。

如果目标平台是Honeycomb并且使用Fragment,那么大多数案例中都是使用weight在布局文件中为Fragment分配空间。

深入理解如何使用weight会为开发者增添一项重要技能。

参考资料

http://developer.android.com/reference/android/widget/LinearLayout.html

http://mobile.51cto.com/abased-375428.htm

抱歉!评论已关闭.