Adroid中的比列布局

傷城~ 2022-09-06 01:14 143阅读 0赞

直接上例子

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpY2h1YW5wYg_size_16_color_FFFFFF_t_70][]

如图所示，屏幕的上下分为 LinearLayout，FrameLayout两部分，高度比列为1:20

代码说明为：

<LinearLayout android:layout\_width="match\_parent" android:layout\_height="0dp" android:layout\_weight="1" android:orientation="horizontal">

<FrameLayout android:id="@+id/mainFm" android:layout\_width="match\_parent" android:layout\_height="0dp" android:layout\_weight="20">

其中的高度值都是 android:layout\_height="0dp"，表示按比例分配

具体比列：

线型布局为1 <LinearLayout android:layout\_width="match\_parent" android:layout\_height="0dp" android:layout\_weight="1"

帧布局为20

<FrameLayout android:id="@+id/mainFm" android:layout\_width="match\_parent" android:layout\_height="0dp" android:layout\_weight="20">

\--------------------------------------------------------------------------------------------------------------

按钮的宽度部分比列为 1:2:3

为了宽度按比例，所以宽度值都为0dp,即android:layout\_height="0dp"

但比例值各不相同：分别为 android:layout\_weight="1"，android:layout\_weight="2"，android:layout\_weight="3"

三个按钮的布局内容如下：

<LinearLayout android:layout\_width="match\_parent" android:layout\_height="0dp" android:layout\_weight="1" android:orientation="horizontal">

<Button android:id="@+id/button1" android:layout\_width="0dp" android:layout\_height="match\_parent" android:layout\_weight="1" android:text="fragment1" />

<Button android:id="@+id/button2" android:layout\_width="0dp" android:layout\_height="match\_parent" android:layout\_weight="2" android:text="fragment2" />

<Button android:id="@+id/button3" android:layout\_width="0dp" android:layout\_height="match\_parent" android:layout\_weight="3" android:text="fragment3" /> </LinearLayout>

//----------------------------------------------------------------------------------------------------------------

完整的布局代码为：

<LinearLayout 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"
        android:orientation="vertical"
        tools:context=".MainActivity">
    
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:orientation="horizontal">
    
            <Button
                android:id="@+id/button1"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:text="fragment1" />
            <Button
                android:id="@+id/button2"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="2"
                android:text="fragment2" />
            <Button
                android:id="@+id/button3"
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="3"
                android:text="fragment3" />
        </LinearLayout>
    
        <FrameLayout
            android:id="@+id/mainFm"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="20">
        </FrameLayout>
    </LinearLayout>

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpY2h1YW5wYg_size_16_color_FFFFFF_t_70]: /images/20220829/387136f399394f3f8bc94a651fbbb843.png

发表评论取消回复

表情：

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

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

相关阅读

相关 css3中的多列布局columns详解

columns语法：columns：\[ column-width \] || \[ column-count \] 设置或检索对象的列数和每列的宽度其中：\[ col

雨点打透心脏的1/2处/ 2023年10月17日 13:47/ 0 赞/ 5 阅读

相关 CSS中如何实现多列布局？

聚沙成塔·每天进步一点点 ⭐ 专栏简介 ⭐ 多列布局（Multi-column Layout） ⭐ \`column-count\` ⭐ \`co

r囧r小猫/ 2023年10月15日 10:03/ 0 赞/ 23 阅读

相关多列布局

简介支持在布局中建立列（column）的数量，以及内容如何在列之间流动（flow），列之间的间距（gap）大小，以及列的分隔线（column rules）属性

梦里梦外;/ 2023年01月03日 04:44/ 0 赞/ 149 阅读

相关 Adroid中的比列布局

直接上例子 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L

傷城~/ 2022年09月06日 01:14/ 0 赞/ 144 阅读

相关 android学习--adroid线性布局一个计算器的布局

main.xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

浅浅的花香味﹌/ 2022年08月13日 13:43/ 0 赞/ 169 阅读

相关实现两列布局中的一列定宽，一列宽度自适应

1：/\这种方法不能撑开父元素的高度\/(左边定宽，右边宽度自适应) <div class="container clearfloat"> <div clas

曾经终败给现在/ 2022年07月28日 04:23/ 0 赞/ 187 阅读

相关页面多列布局

多列布局的多种解决方案（一）（定宽或不定宽与自适应的布局） [这里我会先讲两列布局中的定宽与自适应布局，然后再拓展到不定宽与自适应布局，最后再讲一下三列布局，由此衍生

冷不防/ 2022年06月13日 13:26/ 0 赞/ 297 阅读

相关 Adroid UI 优化笔记

![点击查看大图][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0

╰半橙微兮°/ 2022年03月17日 13:12/ 0 赞/ 175 阅读

相关 CSS 常见两列布局、三列布局

一、两列布局：　方法一：采用position：absollute;并设置margin-left的值。 left{ position:absol

我会带着你远行/ 2021年12月14日 12:27/ 0 赞/ 354 阅读

相关三列布局

目录介绍浮动法定位法定位法和浮动法的区别介绍三列布局指的是两边两列定宽，中间的宽度自适应，不同于圣杯布局和双飞翼，是三列布局的

谁践踏了优雅/ 2021年07月24日 23:52/ 0 赞/ 414 阅读