Android布局中的layout_weight和weightSum属性的详解及使用

「爱情、让人受尽委屈。」 2022-08-20 14:21 5阅读 0赞

由于Android设备的尺寸大小不一，种类繁多，当我们在开发应用的时候就要考虑屏幕的适配型了，尽可能让我们的应用适用于主流机型的尺寸，这样我们的应用不会因为尺寸不同而不美观，解决屏幕适配问题的方法有很多，在这里我所讲的是其中的一种解决方案---巧妙的使用layout\_weight属性。

在布局中Layout\_weight属性的作用：它是用来分配属于空间的一个属性，你可以设置它所占据屏幕的权重。

**1.layout\_weight属性**

首先我们先看下效果，然后再给出计算公式。

<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" >
    
        <Button
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="buttton1" />
    
        <Button
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="2"
            android:text="button2" />
    
    </LinearLayout>

效果如下： ![Center][]

然后我们修改布局文件后

<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" >
    
        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="buttton1" />
    
        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="2"
            android:text="button2" />
    
    </LinearLayout>

效果如下： ![Center 1][]

计算公式如下：

首先我们假设屏幕的宽度为L

实际宽度 = 控件原来的长度 + 剩余空间所占百分比的宽度

比如第一图片上的计算式子如下

button1实际宽度 = 0 + 1/(1+2)L= 1/3L button2实际宽度 = 0 +2/(1+2)L = 2/3L

第二张图片上的计算式子如下

button1实际宽度 = L +1\[L-(L+L)\]/(1+2) L = 2/3 L button2实际宽度 = L + 2\[L-(L+L)\]/(1+2) L = 1/3 L

好了，看到这里weight属性是不是很好理解，最主要的是对剩余空间的理解 。

**2.weightSum属性**

**android:weightSum**属性在官方文档中的解释包含下面的内容：“定义weight综合的最大值，如果未指定该值，以所有子师徒的layout\_weight属性的累加值作为总和的最大值。典型案例是：通过指定子视图的layout\_weight属性为0.5.并设置LinearLayout的weightSum属性为1.0，实现子视图占据可用宽高的50%”。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        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="test" />
    
    </LinearLayout>

![Center 2][]

如图，button按钮的宽度为屏幕的一半

[Center]: /images/20220731/9d1adf71337d463893b9ae350221f2fd.png
[Center 1]: /images/20220731/0a93221a13f64bae9b3a96c576f3cc44.png
[Center 2]: /images/20220731/a2692e3c9ce4479ca5d1a550c6f0503d.png

发表评论取消回复

表情：

评论列表（有 0 条评论，5人围观）

还没有评论，来说两句吧...

相关阅读

相关 Flex布局及属性详解

文章目录一、前言二、Flex概念 2.1 简介 2.2 基本概念

爱被打了一巴掌/ 2023年02月23日 08:12/ 0 赞/ 4 阅读

相关 android linearlayout布局,Android中LinearLayout布局的常用属性总结

基本属性要求 android:layout\_width="match\_parent" android:layout\_height="match\_parent" a

r囧r小猫/ 2022年10月14日 01:17/ 0 赞/ 209 阅读

相关 Android布局属性详解

[Android][]:id 为控件指定相应的ID android:text 指定控件的文本，置尽量使用strings.xml android:grivity 指定控件

超、凢脫俗/ 2022年08月22日 04:55/ 0 赞/ 220 阅读

相关 Android布局中的layout_weight和weightSum属性的详解及使用

由于Android设备的尺寸大小不一，种类繁多，当我们在开发应用的时候就要考虑屏幕的适配型了，尽可能让我们的应用适用于主流机型的尺寸，这样我们的应用不会因为尺寸不同而不美观，解

「爱情、让人受尽委屈。」/ 2022年08月20日 14:21/ 0 赞/ 6 阅读

相关 android布局属性详解

RelativeLayout用到的一些重要的属性：第一类:属性值为true或false android:layout\_centerHrizonta

野性酷女/ 2022年08月09日 00:54/ 0 赞/ 230 阅读

相关 Android随笔之 Android布局属性详解

RelativeLayout用到的一些重要的属性：第一类:属性值为true或false android:layout\_centerHrizontal 水平居中 an

骑猪看日落/ 2022年06月18日 04:36/ 0 赞/ 253 阅读

相关 android布局属性详解

RelativeLayout 用到的一些重要的属性：原文地址: http://yangguangfu.iteye.com/blog/8

系统管理员/ 2022年06月16日 23:23/ 0 赞/ 258 阅读

相关 Android布局Layout中的一些属性

1、可以使某些资源文件或UI组件可重用 <include layout="@layout/other"/> 2、定义一个文本编辑框，使用绝对定位 android:lay

客官°小女子只卖身不卖艺/ 2022年06月14日 01:22/ 0 赞/ 227 阅读

相关 Android线性布局和相对布局的详解和区别

一、线性布局（LinearLayout）线性布局：线性布局是我们在开发中最常见的布局方式之一，线性布局可以分为水平线性布局和垂直线性布局这两种布局方式线性布局的属性

本是古典何须时尚/ 2022年04月21日 23:08/ 0 赞/ 288 阅读

相关 Android 众多的布局属性详解

Android功能强大，界面华丽，但是众多的布局属性就害苦了开发者，下面这篇文章结合了网上不少资料，花费本人一个下午搞出来的，希望对其他人有用。第一类:属性值为true或

亦凉/ 2021年11月17日 18:50/ 0 赞/ 423 阅读