android中layout_weight的理解

最新推荐文章于 2019-01-08 05:48:47 发布
最新推荐文章于 2019-01-08 05:48:47 发布
阅读量238 收藏
点赞数
文章标签： layout android layout_weight
原文地址为： android中layout_weight的理解

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.

重点有两个

  1. layout_weight表示LinearLayout中额外空间的划分(可能扩大应用layout_weight前的大小也可能缩小)。
  2. 按比例(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_weight之前,三个按钮的宽度都为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与delta：
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与delta：

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 + (2 * (-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，所以Button1的宽度为60+100/2=110，Button2的宽度为40+100/2=90。


转载请注明本文地址： android中layout_weight的理解
w36680130
关注
Android线性布局之layout_weight
yangshuangyue的博客
07-19 3034
前言 layout_weight按自己的理解就是按比例分配LinearLayout的子控件的大小，为了了解这个属性，接下来就边写代码，边看效果图来理解该属性。 正文 首先将根布局修改为LinearLayout，将orientation属性设置为horizontal，使LinearLayout的子控件水平排列，再给LinearLayout放三个TextView作为子布局，内容分别显示1，2，3；TextView的宽度设置为0dp，layout_weight的属性都填写为1，代码如下： <?xml ver
Android layout_weight使用方法及实例
09-05
在Android开发中，`layout_weight`属性是LinearLayout布局中的一个重要特性，它允许我们在有限的空间内按比例分配子视图的宽度或高度。`layout_weight`主要用于实现灵活的界面设计，尤其是在需要子视图等宽或者根据...
android:layout_weight的真实含义
热门推荐
yanzi1225627的专栏
04-28 14万+
首先声明只有在Linearlayout中，该属性才有效。之所以android:layout_weight会引起争议，是因为在设置该属性的同时，设置android:layout_width为wrap_content和match_parent会造成两种截然相反的效果。如下所示: <LinearLayout android:layout_width="match_parent"
Android：Layout_weight的深刻理解
lwwgtm的专栏
05-22 1897
最近写Demo，突然发现了Layout_weight这个属性，发现网上有很多关于这个属性的有意思的讨论，可是找了好多资料都没有找到一个能够说的清楚的，于是自己结合网上资料研究了一下，终于迎刃而解，写出来和大家分享。 首先看一下Layout_weight属性的作用：它是用来分配属于空间的一个属性，你可以设置他的权重。很多人不知道剩余空间是个什么概念，下面我先来说说剩余空间。 看下面代码：
android:layout_weight
weixin_34384681的博客
01-08 107
layout_weight 用于给一个线性布局中的诸多视图的重要度赋值。 所有的视图都有一个layout_weight值，默认为零，意思是需要显示多大的视图就占据多大的屏幕空 间。若赋一个高于零的值，则将父视图中的可用空间分割，分割大小具体取决于每一个视图的layout_weight值以及该值在当前屏幕布局的整体 layout_weight值和在其它视图屏幕布局的layout_weig...
Android 布局学习之——LinearLayout的layout_weight属性
didingyun4257的博客
11-05 198
一直对layout_weight属性感到比较困惑，今天学习一下，来深入了解layout_weight属性和它的用法。 定义 首先，看看Android官方文档是怎么说的，毕竟人家才是权威嘛。 官方文档的意思是： layout_weight属性用于分配LinearLayout中的...
Android中的android:layout_weight使用详解
09-05
在Android开发中，`android:layout_weight`是一个关键属性，特别是在使用`LinearLayout`进行界面布局时。`layout_weight`用于指定一个...正确理解和使用`layout_weight`能够大大提高你在Android开发中的布局设计能力。
Android应用中通过Layout_weight属性用ListView实现表格
09-02
在Android应用开发中，`Layout_weight`属性是一个非常关键的概念，尤其在使用`LinearLayout`时。`Layout_weight`用于在`LinearLayout`中控制子视图（Views）如何平分剩余空间，这对于创建灵活且响应式的用户界面至关...
2011.10.13（4）——— android android:layout_weight
03-28
在Android开发中，`android:layout_weight`是一个非常重要的属性，尤其在布局管理器中，如LinearLayout。这个属性主要用于在有限的空间内分配组件的大小，根据权重比例来决定每个子视图占据的屏幕空间。本篇文章将...
android属性之Layout_weight
Event driven
11-17 106
在android的布局文件中有一个属性：Layout_weight，直译为布局的重量级，即占布局中的重量比重，比如： &lt;LinearLayout android:id="@+id/LinearLayout01" android:layout_width="fill_parent" android:layout_height="fill_parent" and...
Android LinearLayout的android:layout_weight属性
weixin_34302561的博客
07-11 135
本文主要介绍Android LinearLayout的android:layout_weight属性意义   android:layout_weight为大小权重，相当于在页面上显示的百分比，它的计算是根据LinearLayout中所有相关元素的此属性值计算的。 除了已经固定大小的，其他设置了此属性的view所占大小（长度或高度）为自己layout_weight属性值/所有layout_we...
Android中的android:layout_weight讲解
青春的光与影
06-16 2039
在使用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 197
1、LinearLayout可以为其包含控件指定填充权值layout_weight。 这样就允许其包含的控件可以填充屏幕上的剩余空间。这也避免了所有控件挤成一堆的情况，而是允许他们放大填充所有空白。剩余的空间会按这些控件指定的权值比例分配屏幕。                 2、默认情况下，weight的值是0，表示按照控件的实际大小显示；如果weight设置高于零。            ...
Layout_weight的含义
wan767912626的博客
03-20 552
android:layout_weight的真实含义是:一旦View设置了该属性(仅在LinearLayout中有效)，那么该 View的宽度等于原有宽度(android:layout_width)加上剩余空间的占比。 Google官方推荐，当使用weight属性时，将width设为0dip即可，效果跟设成wrap_content是一样的。这样weight就可以理解为占比了！
android布局之android:layout_weight
shirley_jinsl的博客
12-08 119
android:layout_weight即权重的值，指的是每个部件所占剩余空间的大小，该值与同级部件所占空间大小有关。[align=left][/align] 1：View的宽或者高的大小设置为0dp，则分配大小为：本view的权重与所有view的权重总和所占的百分比，此时是正比例 2：View的宽或者高的大小设置为match_parent,则每个View分配成反比，权重越大，占的空间越小 ...
Android布局之layout_weight
浮生若梦 为欢几何
10-21 4923
layout_weight：按比重分配剩余空间 首先看一下效果： 代码： 效果： 再加一个TextView 代码：
Android电子书中Layout_weight属性详解与应用
在Android开发中，了解并掌握`Layout_weight`属性对于创建灵活且适应不同屏幕大小的应用界面至关重要。Layout_weight属性是LinearLayout或RelativeLayout等布局管理器中的一个关键特性，它用于在子视图之间动态分配...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值