05 Android 线性布局 layout_weight 占据空间的比重

最新推荐文章于 2022-10-31 15:52:57 发布
最新推荐文章于 2022-10-31 15:52:57 发布
阅读量332 收藏
点赞数
文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44776065/article/details/115439773
版权
本文介绍了Android中LinearLayout的layout_weight属性的使用，该属性用于在水平或垂直布局中按比例分配空间。通过设置权重，可以实现控件根据权重比动态调整大小。示例展示了如何创建包含输入字段和图标按钮的用户信息输入界面，每个元素的宽度由权重决定，以实现灵活的界面设计。
摘要由CSDN通过智能技术生成

文章目录

1 layout_weight属性

  • 使用layout_weight为控件所占父控件空间的比例
  • 在水平三个空间中，空间所占的比例由三个空间的weight值之和为分母，单个空间weight为分子进行比例的计算

在这里插入图片描述

2 布局文件

  1. 拖入的布局

在这里插入图片描述

  1. 布局效果
    在这里插入图片描述

  2. xml布局文件

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#BBB5BC"
        android:orientation="vertical"
        app:layout_constraintCircleRadius="3dp">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:orientation="horizontal">

            <ImageButton
                android:id="@+id/name_image"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="0.3"
                app:srcCompat="@android:drawable/btn_star_big_on" />

            <TextView
                android:id="@+id/name_text"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="0.7"
                android:text="@string/name"
                android:textSize="24sp" />

            <EditText
                android:id="@+id/name_input_text"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="3"
                android:ems="10"
                android:hint="@string/input_name"
                android:inputType="textPersonName"
                android:textSize="24sp" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:orientation="horizontal">

            <ImageView
                android:id="@+id/phonr_image"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="0.3"
                app:srcCompat="@android:drawable/stat_sys_phone_call" />

            <TextView
                android:id="@+id/phone_text"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="0.7"
                android:text="@string/phone"
                android:textSize="24sp" />

            <EditText
                android:id="@+id/phone_input_text"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="3"
                android:ems="10"
                android:hint="@string/input_phone"
                android:inputType="phone"
                android:textSize="24sp" />

        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:orientation="horizontal">

            <ImageView
                android:id="@+id/imageView3"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="0.3"
                app:srcCompat="@android:drawable/ic_dialog_email" />

            <TextView
                android:id="@+id/email_text"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="0.7"
                android:text="@string/email"
                android:textSize="18sp" />

            <EditText
                android:id="@+id/email_input_text"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_weight="3"
                android:ems="10"
                android:hint="@string/input_email"
                android:inputType="textEmailAddress"
                android:textSize="24sp" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:orientation="vertical">

            <RadioGroup
                android:layout_width="match_parent"
                android:layout_height="wrap_content">

                <RadioButton
                    android:id="@+id/radio_male"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:checked="true"
                    android:text="@string/male" />

                <RadioButton
                    android:id="@+id/radio_female"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:text="@string/female" />
            </RadioGroup>
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:layout_marginBottom="10dp"
            android:orientation="vertical">

            <CheckBox
                android:id="@+id/dance_check"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:checked="true"
                android:text="@string/dance" />

            <CheckBox
                android:id="@+id/sing_check"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="@string/sing" />

            <CheckBox
                android:id="@+id/read_check"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="@string/phone" />
        </LinearLayout>

        <Button
            android:id="@+id/confrim"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="10dp"
            android:text="@string/button_confirm" />
    </LinearLayout>
</androidx.constraintlayout.widget.ConstraintLayout>
  1. 字符资源
<resources>
    <string name="app_name">CH05DemoWidgets</string>
    <string name="name">姓名</string>
    <string name="phone">电话</string>
    <string name="email">电子邮件</string>
    <string name="input_name">请输入姓名</string>
    <string name="input_phone">请输入电话</string>
    <string name="input_email">请输入电子邮件</string>
    <string name="male">男</string>
    <string name="female">女</string>
    <string name="dance">跳舞</string>
    <string name="sing">唱歌</string>
    <string name="read">阅读</string>
    <string name="button_confirm">确认</string>
</resources>
LiQiang33
关注
Android布局权重（layout_weight）的用法解析
ByteWhizX的博客
09-24 2058
布局权重是Android开发中常用的一种布局属性，通过设置权重值，我们可以实现子视图在父容器中按比例分配可用空间的效果。通过权重属性，我们可以根据子视图的权重比例来计算它们的相对大小，并实现各种布局需求。Android开发中，布局权重（layout_weight）是一种常用的布局属性，用于在布局中指定子视图的相对大小比例。这是因为布局权重属性是通过动态计算子视图的大小来实现的，而非固定的像素值。布局权重属性的应用场景非常广泛，特别适用于需要在布局中实现比例分配的场景。布局权重属性的使用方式。
Android之使用weight属性实现控件的按比例分配空间
一个本科小生的奋斗史
05-14 1万+
从今天开始,把看书时候的知识点整理成博客, 这个比较简单,估计有经验的都用过,weight属性   在做Android布局的时候,经常遇到需要几个控件按比例分配空间的情况 比如下图效果 在底部设置两个button,占据底部宽度一部分的同时,保持1:3的比例, 当然了,这么难看的布局用处不大,仅是用来说明weight的用法 布局代码如下: <LinearLayout xmlns:
线形布局下的layout_weight（比重）属性
lk_123456的专栏
11-22 1145
在布局文件中设置layout_weight（比重）属性时，以宽为例，假如 android:layout_width="wrap_content",或者 android:layout_width="0dp"，此时，设置的layout_weight属性和数值成正比；假如 android:layout_width="match_parent"，此时，设置的layout_weight属性和数值成反比。 具...
android控件占比,使用android:layout_weight属性来给view group中各个控件设置所占空间大小比重...
weixin_32484897的博客
05-31 725
LinearLayout也支持给单个View控件赋值一个weight来控制各个View控件的所占大小比重。在viewgroup中剩下的空间将会按照他们声明的权重来分配给各个控件。默认的weight值是"0"。例如，如果有三个text控件，第一个控件weight是1,第二个控件weight是2，第三个控件的weight是3。那么viewgroup中剩下的空间将会按照下面的比重来分配：第一个控件，所占...
android layout_weight 百分比,Android百分比布局之layout_weight属性
weixin_28327051的博客
05-26 2469
如果转载，请注明出处：http://blog.csdn.net/wangdejun/article/details/42739983 谢谢。在Android中对控件布局指定尺寸时，一般有两种方式：一种设定为自适应布局，即match_parent(fill_parent)或者wrap_content，通过根据父布局大小或者自己内容来产生一个动态尺寸；另外一种通过指定一个具体数值的方式定义成固定...
Android android:layout_weight属性
m0_60352504的博客
10-31 375
在使用linearLayout 嵌套时
Android线性布局之layout_weight
yangshuangyue的博客
07-19 3021
前言 layout_weight按自己的理解就是按比例分配LinearLayout的子控件的大小，为了了解这个属性，接下来就边写代码，边看效果图来理解该属性。 正文 首先将根布局修改为LinearLayout，将orientation属性设置为horizontal，使LinearLayout的子控件水平排列，再给LinearLayout放三个TextView作为子布局，内容分别显示1，2，3；TextView的宽度设置为0dp，layout_weight的属性都填写为1，代码如下： <?xml ver
Android中你也许不知道的线性布局Layout_weight属性权重比例分配原理
Mikyou的专栏
08-28 6518
也许你正在使用这个属性Layout_weight权重，没错就是它，很多人问这有什么可讲的，不就是按照那样用吗？其实任何一东西的存在都有其原因。仔细研究你会有不同的感受，当然，肯定也会有很多大神知道，小菜鸟就班门弄斧了，但是对于Android初学者来说，你不妨看看，废话不多说，直接上...       权重Layout_weight是Android中线性布局特有的属性，有时候我们为了让排在一行的控
Android中的android:layout_weight使用详解
09-05
总之，`android:layout_weight`是Android界面设计中一个非常有用的属性，它可以让你在`LinearLayout`中实现更灵活的布局策略，根据权重分配空间，从而达到预期的界面效果。正确理解和使用`layout_weight`能够大大...
Android 控件设置layout_weight = 1平均分配长度无法充满父布局的问题
pang9998的博客
03-07 3001
工作环境(蓝色粗体字为特别注意内容) 1，系统环境：Win7 Ultimate sp1、Android Studio 3.2 今天在使用LinearLayout的时候，本来打算在LinearLayout中水平放置三个一样大小的TextView的，xml代码没有什么问题，就是Design界面出现三个子控件无法充满父布局的现象，下面来看看界面xml文件 &lt;?xml version="1.0...
android layout_weight 百分比,Android ConstraintLayout百分比布局使用详解
weixin_39529302的博客
05-26 1390
Android ConstraintLayout百分比布局使用详解发布时间：2018-08-21 15:51,浏览次数：802, 标签：AndroidConstraintLayoutAndroid ConstraintLayout是谷歌推出替代PrecentLayout的组件。支持相对布局、线性布局、帧布局，笔者看来更像是FrameLayout、LinearLayout、RelativeLayou...
Android layout layout_weight属性理解
stonesharp的专栏
06-09 1332
一，android layout属性介绍： Android有4种Layout：FrameLayout，LinearLayout，TableLayout，RelativeLayout。 放入Layout中进行排布的View的XML属性： 4种Layout中Item所共有的XML属性： (1)layout_width (2)layout_height (3)layout_marginL
listview android:layout_weight,Android ListView设置weight无效
weixin_39898550的博客
05-28 376
由于刚开始接触android，对于android的一些属性与规则记不太清，导致在进行编码时走了一些弯路。如对于android中LisvtView在测试时，总是发现其的weight属性无效，其情况如下……前端xml中textview均设置了weight属性，如下其调试时显示效果如下：或上述效果，根本未实现这4个TextView均分宽度。查询相关资料后了解到在listview adpter中infla...
android 动态 设置layout_weight,你真的了解android:layout_weight 吗？
weixin_39696197的博客
05-25 647
一直以来对android:layout_weight 属性的理解停留在对其相对于的View按权重(或者说是比例)平分的概念中，因为之前学习时看的书上就是这么讲的。最近才发现原来不仅仅是按权重平分那么简单(真是坑爹教材坑死人啊)，严格的说法应该是对当前剩余空间按权重平分。初探##日常开发中，在LinearLayout中使用layout_weight可以很好的应对那些内容会动态变化的布局结构。比如表单...
constraintlayout布局新特性_ConstraintLayout「最全总结」
weixin_39907289的博客
12-21 1798
现在大家几乎都使用过ConstraintLayout，但与经常使用的布局相比，可能会面临不熟悉CL的API或者是逐渐增加的新特性，还有可能因为对CL具体行为的理解模糊而导致误用，这篇文章的目的更多的是，全面总结ConstraintLayout的用法和实际行为特性，并不断更新基于ConstraintLayout 1.1，当前2.0版本处于测试阶段参考文章：ConstraintLayout入门指南为什...
Android的页面布局
weixin_57543920的博客
07-15 1951
LinearLayout线性布局RelativeLayout相对布局TableLayout表格布局FrameLayout帧布局（框架布局）ConstrantLayout约束布局（AndroidStudio默认布局）用于拖拽的。
Android 组件长宽比重设置总结
iteye_8785的博客
03-19 105
在android中的全部组件都有android:layout_height，android:layout_width，android:layout_weight这三个属性，所以今天写了这篇总结，总结关于组件布局的问题。 各个属性可以设置的值： android:layout_height：wrap_content，match_parent（fill_parent），px (pixels)...
android线性布局之比例
cysear的专栏
08-26 1676
想要将线性布局按照比例来，要用到android:layout_weight， 如果想要在垂直方向上按照比例，要设置android:layout_height="0dip"，android:layout_weight=相应的值 如果想要在水平方向上按照比例，要设置android:layout_width="0dip"，android:layout_weight=相应的值 但是要注意
Android百分比布局之layout_weight属性
热门推荐
王德军的专栏
01-15 2万+
在Android中对控件布局指定尺寸时，一般有两种方式：一种设定为自适应布局，即match_parent(fill_parent)或者wrap_content，通过根据父布局大小或者自己内容来产生一个动态尺寸；另外一种通过指定一个具体数值的方式定义成固定布局，单位可以是px/dp/sp等。这在绝大数情况下是可以解决问题的。可是有没有办法像div+css里那样根据屏幕的尺寸，对控件布局进行“百分比”设定呢？这时就需要用到LinearLayout和他的子控件属性layout_weight。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值