android中layout_weight的理解

最新推荐文章于 2021-09-03 11:28:49 发布
最新推荐文章于 2021-09-03 11:28:49 发布
阅读量1.1k 收藏 2
点赞数
分类专栏： android 文章标签： android layout button encoding float null

SDK中的解释

Indicates how much of the extra space in the LinearLayout will be allocated to the view associated with these LayoutParams. Specify 0 if the view should not be stretched. Otherwise the extra pixels will be pro-rated among all views whose weight is greater than 0.

　　重点有两个,一个是layout_weight表示LinearLayout中额外空间的划分(可能扩展应用layout_weight前的大小也可能压缩),另一个是按比例.

　　以下说的都以 android:orientation="horizontal" 为例

　　看了一下源码,虽说不太懂,但了解了下大概意思,按照自己的理解总结一下,直接写一下简化的代码吧(下面的代码是LinearLayout源文件中一部分的精简,变量名称含义可能不准确,为叙述方便暂作此解释):

复制代码 
//Either expand children with weight to take up available space or
// shrink them if they extend beyond our current bounds
int delta = widthSize - mTotalLength;
if (delta != 0 && totalWeight > 0.0f) {
    float weightSum = mWeightSum > 0.0f ? mWeightSum : totalWeight;
    for (int i = 0; i < count; ++i) {
        final View child = getVirtualChildAt(i);

        if (child == null || child.getVisibility() == View.GONE) {
            continue;
        }
        
        final LinearLayout.LayoutParams lp =
                (LinearLayout.LayoutParams) child.getLayoutParams();

        float childExtra = lp.weight;
        if (childExtra > 0) {
            int share = (int) (childExtra * delta / weightSum);
　　　　　　　weightSum -= childExtra;
　　　　　　  delta  -= share;
            int childWidth = child.getMeasuredWidth() + share;
            if (childWidth < 0) {
                childWidth = 0;
            }
        }
    }
}
复制代码

变量含义

widthSize:　　　　 LinearLayout的宽度

mTotalLength:　　所有子View的宽度的和(还没用考虑layout_weight)

totalWeight:　　　所有子View的layout_weight的和

mWeihtSUm:　　  LinearLayout的android:weightSum属性

过程分析:

首先计算出额外空间(可以为负)如果额外空间不为0并且有子View的layout_weight不为0的话按layout_weight分配额外空间:

int delta = widthSize - mTotalLength;
if (delta != 0 && totalWeight > 0.0f) {
  ...
}

如果LinearLayout设置了weightSum则覆盖子View的layout_weight的和:

float weightSum = mWeightSum > 0.0f ? mWeightSum : totalWeight;

然后遍历LinearLayout的子元素,如果不为null且Visibility不为GONE的话,取得它的LayoutParams,如果它的layout_weight大于0,根据weightSum与它的weight计算出分配给它的额外空间

复制代码 
if (childExtra > 0) {
    int share = (int) (childExtra * delta / weightSum);
　　 weightSum -= childExtra;
　　 delta -= share;

    int childWidth = child.getMeasuredWidth() + share;
    if (childWidth < 0) {
        childWidth = 0;
    }
}
复制代码


网上有解释说layout_weight表示重要程度,表示划分额外空间的优先级,通过代码可以知道这种观点是错误的.layout_weight表示划分的比例,至于当View的layout_width为fill_parent时layout_weight比例相反的问题按我的理解可以作以下解释:

比如说如下XML:

复制代码 
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="#00ff00"
    android:weightSum="0"
    android:orientation="horizontal" >

    <Button
        android:id="@+id/imageViewLoginState"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:text="1" >
    </Button>

    <Button
        android:id="@+id/imageViewLoginState1"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:text="2" >
    </Button>

    <Button
        android:id="@+id/imageViewLoginState2"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="2"
        android:text="3" >
    </Button>

</LinearLayout>
复制代码



按一般理解,3个Button的比例应该为1:1:2,但实际情况是这样的:

按我的理解,系统是这样设置按钮的大小的,变量名按前面代码的意义:

假设Container即LinearLayout的宽度为PARENT_WIDTH

三个按钮的宽度都是FILL_PARENT,所以在应用layout_width之前,三个按钮的宽度都为PARENT_WIDTH

所以额外空间 delta = PARENT_WIDTH - 3 * PARENT_WIDTH = -2 * PARENT

因为LinearLayout没有设置android:weightSum(默认为0,设置为0就当没设置吧),所以 mWeightSum = 1 + 1 +2 =4

所以:

　　第一个按钮的宽度为PARENT_WIDTH + share = PARENT_WIDTH + (layout_weight * delta / mWeightSum) = PARENT_WIDTH + (1 * (-2 * PARENT_WIDTH) /4) = 1 /2 *PARENT_WIDTH

　　　　weightSum -= childExtra;(=3)
　　　　delta  -= share;(=-3/2 * PARENT_WIDTH)

　　第二个按钮的宽度为PARENT_WIDTH + share = PARENT_WIDTH + (layout_weight * delta / mWeightSum) = PARENT_WIDTH + (1 * (-3 / 2 * PARENT_WIDTH) /3) = 1 /2 *PARENT_WIDTH

　　　　weightSum -= childExtra;(=2)
　　　　delta  -= share;(=-PARENT_WIDTH)

　　第三个按钮的宽度为PARENT_WIDTH + share = PARENT_WIDTH + (layout_weight * delta / mWeightSum) = PARENT_WIDTH + (2 * (- PARENT_WIDTH) /2) = 0

所以最终的而已就是前两个按钮平分LinearLayout,第三个按钮消失了.

 

　　大致过程是这样,但不全对,比如如果上例中LinearLayout的weightSum设置为2的话,前两个按钮的宽度为0,但当计算第三个按钮的宽度是mWeightSum = 0,但layout_weight * delta / mWeightSum无法计算,不知道系统怎么处理的,在我的能力之外了,weightSum为2时的效果图:

　　weightSum为3时的效果图:

 

　　SDK中说明的是,layout_weight表示额外空间怎么划分,要注意额外2字,要有额外的空间才可以将按比例将其分配给设置了layout_weight的子View,所以,如果LinearLayout设置为WRAP_CONTENT的话是没有额外的空间的,layout_weight就没有用处,所只要layout_width不设置为WRAP_CONTENT就行,也可以设置为具体的值,如果值太小的话,额外空间为负,可能压缩子控件,使其大小比XML文件中定义的小,例如:

复制代码 
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="100dp"
    android:layout_height="wrap_content"
    android:background="#00ff00"
    android:orientation="horizontal" >

    <Button
        android:id="@+id/button1"
        android:layout_width="60dp"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:text="1" >
    </Button>

    <Button
        android:id="@+id/button2"
        android:layout_width="60dp"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:text="2" >
    </Button>

    <Button
        android:id="@+id/button3"
        android:layout_width="60dp"
        android:layout_height="fill_parent"
        android:layout_weight="2"
        android:text="3" >
    </Button>

</LinearLayout>
复制代码

额外空间 delta = 100- 3 * 60 = -80

mWeightSum = 1 + 1 +2 =4

所以:

　　第一个按钮的宽度为60+ share = 60 + (layout_weight * delta / mWeightSum) = 60 + (1 * (-80) /4) = 40

　　　　weightSum -= childExtra;(=3)
　　　　delta  -= share;(=-60)

　　第二个按钮的宽度为60 + share = 60 + (layout_weight * delta / mWeightSum) = 60 + (1 * (-60) /3) = 40

　　　　weightSum -= childExtra;(=2)
　　　　delta  -= share;(=-40)

　　第三个按钮的宽度为60 + share = 60 + (layout_weight * delta / mWeightSum) = 60 + (2 * (-40) /2) = 20

效果图:

 

以下代码也说明了layout_weight表示额外空间的分配:

复制代码 
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="200dp"
    android:layout_height="wrap_content"
    android:background="#00ff00"
    android:orientation="horizontal" >

    <Button
        android:id="@+id/button1"
        android:layout_width="60dp"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:text="1" >
    </Button>

    <Button
        android:id="@+id/button2"
        android:layout_width="40dp"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:text="2" >
    </Button>

   
</LinearLayout>
复制代码

额外空间为100,所以Button2的宽度为60+100/2=100,Button2的宽度为40+100/2=90


http://www.cnblogs.com/angeldevil/archive/2012/04/08/2437747.html

JackLam
关注
专栏目录
Android线性布局之layout_weight
yangshuangyue的博客
07-19 3028
前言 layout_weight按自己的理解就是按比例分配LinearLayout的子控件的大小，为了了解这个属性，接下来就边写代码，边看效果图来理解该属性。 正文 首先将根布局修改为LinearLayout，将orientation属性设置为horizontal，使LinearLayout的子控件水平排列，再给LinearLayout放三个TextView作为子布局，内容分别显示1，2，3；TextView的宽度设置为0dp，layout_weight的属性都填写为1，代码如下： <?xml ver
Android中的android:layout_weight使用详解
09-05
在Android开发中，`android:layout_weight`是一个关键属性，特别是在使用`LinearLayout`进行界面布局时。`layout_weight`用于指定一个...正确理解和使用`layout_weight`能够大大提高你在Android开发中的布局设计能力。
android:layout_weight
weixin_34384681的博客
01-08 106
layout_weight 用于给一个线性布局中的诸多视图的重要度赋值。 所有的视图都有一个layout_weight值，默认为零，意思是需要显示多大的视图就占据多大的屏幕空 间。若赋一个高于零的值，则将父视图中的可用空间分割，分割大小具体取决于每一个视图的layout_weight值以及该值在当前屏幕布局的整体 layout_weight值和在其它视图屏幕布局的layout_weig...
Android：Layout_weight的深刻理解
lwwgtm的专栏
05-22 1896
最近写Demo，突然发现了Layout_weight这个属性，发现网上有很多关于这个属性的有意思的讨论，可是找了好多资料都没有找到一个能够说的清楚的，于是自己结合网上资料研究了一下，终于迎刃而解，写出来和大家分享。 首先看一下Layout_weight属性的作用：它是用来分配属于空间的一个属性，你可以设置他的权重。很多人不知道剩余空间是个什么概念，下面我先来说说剩余空间。 看下面代码：
Android LinearLayout的android:layout_weight属性
weixin_34302561的博客
07-11 134
本文主要介绍Android LinearLayout的android:layout_weight属性意义   android:layout_weight为大小权重，相当于在页面上显示的百分比，它的计算是根据LinearLayout中所有相关元素的此属性值计算的。 除了已经固定大小的，其他设置了此属性的view所占大小（长度或高度）为自己layout_weight属性值/所有layout_we...
android layout_weight讲解
lacorey的专栏
06-02 141
在网上看了一些对Layout_weight的讲解，有些说的比较片面，只列举了一种情况，然后自己通过实验和一些比较好的文章总结了一下，特此记录下来，以备以后所用。Layout_weight是线性布局，也就是LinearLayout里面用到的，下面通过实验来看这个Layout_weight的特性。 1.当控件的属性android:layout_width="fill_parent"时，布局文件如下：...
Android应用中通过Layout_weight属性用ListView实现表格
09-02
在Android应用开发中，`Layout_weight`属性是一个非常关键的概念，尤其在使用`LinearLayout`时。`Layout_weight`用于在`LinearLayout`中控制子视图（Views）如何平分剩余空间，这对于创建灵活且响应式的用户界面至关...
Android layout_weight使用方法及实例
09-05
在Android开发中，`layout_weight`属性是LinearLayout布局中的一个重要特性，它允许我们在有限的空间内按比例分配子视图的宽度或高度。`layout_weight`主要用于实现灵活的界面设计，尤其是在需要子视图等宽或者根据...
2011.10.13（4）——— android android:layout_weight
03-28
在Android开发中，`android:layout_weight`是一个非常重要的属性，尤其在布局管理器中，如LinearLayout。这个属性主要用于在有限的空间内分配组件的大小，根据权重比例来决定每个子视图占据的屏幕空间。本篇文章将...
android布局之android:layout_weight
shirley_jinsl的博客
12-08 118
android:layout_weight即权重的值，指的是每个部件所占剩余空间的大小，该值与同级部件所占空间大小有关。[align=left][/align] 1：View的宽或者高的大小设置为0dp，则分配大小为：本view的权重与所有view的权重总和所占的百分比，此时是正比例 2：View的宽或者高的大小设置为match_parent,则每个View分配成反比，权重越大，占的空间越小 ...
Android 布局item中的layout_weight
彬sir哥的博客
09-03 494
1.layout_weight是布局比重的意思 2.item的视图如下： 3. item代码如下： <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content"
android属性之Layout_weight
Event driven
11-17 104
在android的布局文件中有一个属性：Layout_weight，直译为布局的重量级，即占布局中的重量比重，比如： &lt;LinearLayout android:id="@+id/LinearLayout01" android:layout_width="fill_parent" android:layout_height="fill_parent" and...
Android android:layout_weight问题
kakugyouko的博客
11-16 638
作为一个Android新人，小白，写完代码后，总是想象很美好而现实很残酷。。深受打击中。。。 项目中，ListView中的子控件中需要显示一个TextView和一个ImageView的向右的小箭头。 可是显示效果总是酱紫： 箭头和文字紧紧贴在了一起，我想要的是箭头显示在右边！！ 查过资料后在ListView子控件的布局文件中进行修改，设置android:layout_weight后
Android布局的layout_weight属性
zhiweiofli的专栏
02-12 115
  layout_weight是LinearLayouts的view布局里一个很重要的值。 所有的view的layout_weight缺省值都是为0，意味着他们只在屏幕上占据它们需要显示的空间大小。activity根据这个View的比0大的layout_weight值来划分剩余的空间和其它Views定义的layout_weight也按比例进行空间的划分。 例如：假设我们在水平行上有一...
Android中的android:layout_weight讲解
青春的光与影
06-16 2038
在使用LinearLayout的时候，子控件可以设置layout_weight。layout_weight的作用是设置子空间在LinearLayout的重要度（控件的大小比重）。layout_weight的值越低，则控件越重要。若不设置layout_weight则默认比重为0。   如果在一个LinearLayout里面放置两个Button，Button1和Button2，Button1的lay
四十四、Android之android:layout_weight详解
weixin_34380781的博客
12-27 196
1、LinearLayout可以为其包含控件指定填充权值layout_weight。 这样就允许其包含的控件可以填充屏幕上的剩余空间。这也避免了所有控件挤成一堆的情况，而是允许他们放大填充所有空白。剩余的空间会按这些控件指定的权值比例分配屏幕。                 2、默认情况下，weight的值是0，表示按照控件的实际大小显示；如果weight设置高于零。            ...
Android布局之layout_weight
浮生若梦 为欢几何
10-21 4923
layout_weight：按比重分配剩余空间 首先看一下效果： 代码： 效果： 再加一个TextView 代码：
Android中 android:layout_weight 属性 完美解释
Loyean
05-23 769
http://www.cnblogs.com/xiaoQLu/archive/2011/08/08/2130328.html linearLayout中包含有weight的child时，linearLayout会measure两次： 设屏幕宽度为X 第一次:button1 的measuredWidth为X, button2也为X (因为用了weight,所以lin
Android电子书中Layout_weight属性详解与应用
在Android开发中，了解并掌握`Layout_weight`属性对于创建灵活且适应不同屏幕大小的应用界面至关重要。Layout_weight属性是LinearLayout或RelativeLayout等布局管理器中的一个关键特性，它用于在子视图之间动态分配...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值