Android Studio中的布局讲解

news/2025/2/19 8:34:33

文章目录

  • 1.LinearLayout(线性布局)
  • 2.RelativeLayout(相对布局)
    • 相对于兄弟元素:
    • 相对于父元素
    • 对齐方式
    • 间隔
  • 3.GridLayout(网格布局)
    • 设置最大列数
    • 设置最大行数
    • 指定控件的位置
  • 4.FrameLayout(帧布局)

1.LinearLayout(线性布局)

LinearLayout是一个视图容器,用于使所有子视图在单个方向(垂直或水平)保持对齐,默认是控件(子视图)水平方向排列。
可以视图容器标签内使用android:orientation属性指定布局方向。
android:orientation="horizontal"时,也是此属性的默认值

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <Button
        android:text="1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />
    <Button
        android:text="2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />
    <Button
        android:text="3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />
</LinearLayout>

在这里插入图片描述
android:orientation="vertical"时
在这里插入图片描述
可以给视图控件设置布局权重android:layout_weight,通过给子视图设置权重值,来分配子视图所占控件的权重(比例),详看我另一篇博客:详细介绍布局权重属性

2.RelativeLayout(相对布局)

RelativeLayout也是一个视图容器。
这意味着其中的所有控件如果不进行具体的位置确定,都将汇集在左上角,存在叠图现象。
相对布局:子视图可通过设置相应的布局属性,设定相对于另一个兄弟视图或父容器视图的相对位置
属性说明:

相对于兄弟元素:

属性名称属性含义
android:layout_below=“@id/aaa”在指定View的下方
android:layout_above=“@id/aaa”在指定View的上方
android:layout_toLeftOf=“@id/aaa”在指定View的左边
android:layout_toRightOf=“@id/aaa”在指定View的右边
android:layout_alignTop=“@id/aaa”与指定View的上边界一致
android:layout_alignBottom=“@id/aaa”与指定View下边界一致
android:layout_alignLeft=“@id/aaa”与指定View的左边界一致
android:layout_alignRight=“@id/aaa”与指定View的右边界一致

相对于父元素

属性名称属性含义
android:layout_alignParentLeft=“true”在父元素内左边
android:layout_alignParentRight=“true”在父元素内右边
android:layout_alignParentTop=“true”在父元素内顶部
android:layout_alignParentBottom=“true”在父元素内底部

对齐方式

属性名称属性含义
android:layout_centerInParent=“true”居中布局
android:layout_centerVertical=“true”垂直(竖向)居中布局
android:layout_centerHorizontal=“true”水平(横向)居中布局

间隔

属性名称属性含义
android:layout_marginBottom=“”指定该属性所在控件距下部最近控件(父容器视图或兄弟视图)的最小值
android:layout_marginLeft=“”指定该属性所在控件距左边最近控件(父容器视图或兄弟视图)的最小值
android:layout_marginRight =“”指定该属性所在控件距右边最近控件(父容器视图或兄弟视图)的最小值
android:layout_marginTop=“”指定该属性所在控件距上部最近控件(父容器视图或兄弟视图)的最小值
android:layout_paddingBottom=“”往内部元素底边缘填充距离
android:layout_paddingLeft=“”往内部元素左边缘填充距离
android:layout_paddingRight =“”往内部元素右边缘填充距离
android:layout_paddingTop=“”往内部元素右边缘填充距离

代码:

<?xml version="1.0" encoding="utf-8"?>
<!--相对布局-->
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <!--解决Button上的英文字符全部变成了大写
        android:textAllCaps="false"
    -->
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="左边\nLeft"
        android:textAllCaps="false"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        />
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="顶部\nTop"
        android:textAllCaps="false"
        android:layout_alignParentTop="true"
        android:layout_centerInParent="true"
        />
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="右边\nRight"
        android:textAllCaps="false"
        android:layout_alignParentTop="true"
        android:layout_alignParentRight="true"
        />
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:text="竖直居中\ncenterVertial"
        android:textAllCaps="false"
        android:layout_centerVertical="true"
        />
    <Button
        android:id="@+id/centerInParent"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="中央位置\ncenterInParent"
        android:textAllCaps="false"
        android:layout_centerInParent="true"
        />
    <Button
        android:layout_below="@id/centerInParent"
        android:layout_marginTop="50dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="水平居中\ncenterHorizonal"
        android:textAllCaps="false"
        android:layout_centerInParent="true"
        android:layout_centerVertical="true"
        />
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="底部\nButton"
        android:textAllCaps="false"
        android:layout_alignParentBottom="true"
        android:layout_centerInParent="true"
        />
</RelativeLayout>

效果:
在这里插入图片描述
解释:
在这里插入图片描述

3.GridLayout(网格布局)

网络布局:默认情况下所有控件,显示到一列里面,水平排列。
在这里插入图片描述
常见属性:

属性名称属性含义
android:columnCount最大列数(表示每行不一定都达到最大列数)
android:rowCount最大行数(表示每列不一定都达到最大行数)
android:layout_columnSpan横跨的列数
android:layout_rowSpan横跨的行数

设置最大列数

在这里插入图片描述

<?xml version="1.0" encoding="utf-8"?>
<!--网格布局-->
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:columnCount="3"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >
    <Button
      android:text="1"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
    />
    <Button
        android:text="2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
    />
    <Button
        android:text="3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
     />
    <Button
        android:text="4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
    />
    <Button
        android:text="5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
    />

</GridLayout>

设置最大行数

在这里插入图片描述
代码:

<?xml version="1.0" encoding="utf-8"?>
<!--网格布局-->
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:rowCount="3"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >
    <Button
      android:text="1"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
    />
    <Button
        android:text="2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
    />
    <Button
        android:text="3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
     />
    <Button
        android:text="4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
    />
    <Button
        android:text="5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
    />

</GridLayout>

指定控件的位置

在这里插入图片描述
代码:

<?xml version="1.0" encoding="utf-8"?>
<!--网格布局-->
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >
    <Button
      android:text="1"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
    />
    <Button
        android:text="2"
        android:layout_row="1"
        android:layout_column="0"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
    />
    <Button
        android:text="3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
     />
    <Button
        android:text="4"
        android:layout_row="2"
        android:layout_column="1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
    />
    <Button
        android:text="5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
    />

</GridLayout>

在这里插入图片描述

<?xml version="1.0" encoding="utf-8"?>
<!--网格布局-->
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >
    <Button
      android:text="1"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
    />
    <Button
        android:text="2"
        android:layout_row="1"
        android:layout_column="0"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
    />
    <Button
        android:text="3"
        android:layout_row="0"
        android:layout_column="1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
     />
    <Button
        android:text="4"
        android:layout_columnWeight="1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
    />
    <Button
        android:text="5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
    />

</GridLayout>

在这里插入图片描述
代码:

<?xml version="1.0" encoding="utf-8"?>
<!--网格布局-->
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >
    <Button
      android:text="1"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
    />
    <Button
        android:text="2"
        android:layout_row="1"
        android:layout_column="0"
        android:layout_columnSpan="3"
        android:layout_gravity="fill"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
    />
    <Button
        android:text="3"
        android:layout_row="0"
        android:layout_column="1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
     />
    <Button
        android:text="4"
        android:layout_rowWeight="1"
        android:layout_columnWeight="1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
    />
    <Button
        android:text="5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
    />

</GridLayout>

4.FrameLayout(帧布局)

文章来源:https://blog.csdn.net/adminstate/article/details/130690428
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.niftyadmin.cn/n/327513.html

相关文章

R 语言 APSIM 模型

随着数字农业和智慧农业的发展&#xff0c;基于过程的农业生产系统模型在模拟作物对气候变化的响应与适应、农田管理优化、作物品种和株型筛选、农田固碳和温室气体排放等领域扮演着越来越重要的作用。APSIM (Agricultural Production Systems sIMulator)模型是世界知名的作物生…

Linux实操篇---常用的基本命令4(磁盘查看和分区类)

一、磁盘查看和分区类 du查看文件和目录占用的磁盘空间 du&#xff1a;disk usage 磁盘占用情况 基本语法&#xff1a; du 目录/文件 显示目录下每个字母里的磁盘使用情况选项说明&#xff1a; 选项功能-h以人们较易阅读的GBytes&#xff0c;MBytes&#xff0c;KBytes等…

在docker容器中启动docker服务并实现构建多平台镜像的能力

在docker容器中启动docker服务并实现构建多平台镜像的能力 背景 在容器中运行docker&#xff0c;是devops中无法避免的场景&#xff0c;通常被应用于提供统一的镜像构建工具&#xff0c;出于安全考虑&#xff0c;不适合将主机的docker进程暴露给公司的内部人员使用&#xff0…

【C语言】负数取模、取余

文章目录 一. 关于“取整”1. 向0取整2. 向负无穷取整3. 向正无穷取整4. 四舍五入式的取整 二. 关于“取模”的本质三. 取余和取模的区别 一. 关于“取整” 首先谈谈关于数学取整的问题 1. 向0取整 C中的除法和取整规则都是向0取整&#xff0c;即所有小数都向 0 的方向取整&…

就业内推 | 国企招运维工程师,红帽认证、华为认证优先

01 厦门中盾安信科技有限公司 &#x1f537;招聘岗位&#xff1a;应用运维工程师&#xff08;中级&#xff09; &#x1f537;职责描述&#xff1a; 1、负责平台应用系统的安装、配置、日常巡检、维护、故障的处理&#xff1b; 2、负责平台服务相关应用的部署、配置、日常巡检…

进程通信的方式

Linux进程间通信方式--信号&#xff0c;管道&#xff0c;消息队列&#xff0c;信号量&#xff0c;共享内存 1、概述 2、信号 信号又称软终端&#xff0c;通知程序发生异步事件&#xff0c;程序执行中随时被各种信号中断&#xff0c;进程可以忽略该信号&#xff0c;也 可…

2023年电工杯数学建模竞赛AB题思路代码论文资料汇总贴

下文包含&#xff1a;2023电工杯数学建模竞赛AB题思路解析代码参考论文等及如何准备数学建模竞赛 C君将会第一时间发布选题建议、所有题目的思路解析、相关代码、参考文献、参考论文等多项资料&#xff0c;帮助大家取得好成绩。2023电工杯数学建模竞赛于26号早上8点正式开赛 …

二.深度学习yolov5 比特家异构计算 训练与转模型01

(备份笔记 仅记录) 走国产化路上 要离开老黄的NVIDIA了&#xff0c;现在摸索下比特家的异构计算 yolo还停在v3的阶段 因为之前v3就已经够产品化去用了。这次也走下yolov5吧&#xff01; 1.yolov5环境搭建 2.yolov5模型训练 3.yolov5模型测试 4.模型做truck 5.模型转换为…