当前位置: 首页 > news >正文

(四)Android布局类型(线性布局LinearLayout)

线性布局(LinearLayout):按照一定的方向排列组件,方向主要分为水平方向和垂直方向。方向的设置通过属性android:orientation设置

android:orientation

其取值有两种

水平方向:android:orientation="horizontal"
垂直方向:android:orientation="vertical"

 使用案例1:按照水平方向排列组件

<?xml version="1.0" encoding="utf-8"?>
<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"tools:context=".MainActivity"><Buttonandroid:id="@+id/button"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="水平按钮1" /><Buttonandroid:id="@+id/button2"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="水平按钮2" /><Buttonandroid:id="@+id/button3"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="水平按钮3" />
</LinearLayout>

核心代码:设置方向为水平方向,这也是LinearLayout默认的方向

android:orientation="horizontal"

如果再增加两个按钮,则效果如下:

也就是说,排满后,不会自动换行。

 使用案例2:按照垂直方向排列组件

在上述代码中,更改核心代码为下列代码

android:orientation="vertical"

更常见的使用方法是:组件在布局中均分,均分情况主要有两种,分别是水平方向均分、垂直方向均分 

使用案例3:水平方向均分

思路:首先使用水平方向排列,将三个组件放入布局中;然后设置三个按钮的宽度均为0dp占比相等(相等指的是,可以同时为1,也可以同时为2,数字相同就是相等)

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"><Buttonandroid:id="@+id/button"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:text="水平按钮1" /><Buttonandroid:id="@+id/button2"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:text="水平按钮2" /><Buttonandroid:id="@+id/button3"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:text="水平按钮3" />
</LinearLayout>

核心代码1:线性布局上添加属性,使得排列方向设置为水平方向(由于默认是水平方向,你也可以不设置)

android:orientation="horizontal"

 

核心代码2:每个组件中,添加上两个属性;

android:layout_width="0dp"
android:layout_weight="1"

使用案例4:垂直方向均分 

思路:思路:首先使用垂直方向排列,将三个组件放入布局中;然后设置三个按钮的高度均为0dp、占比相等(相等指的是,可以同时为1,也可以同时为2,数字相同就是相等)

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><Buttonandroid:id="@+id/button"android:layout_width="wrap_content"android:layout_height="0dp"android:layout_weight="1"android:text="水平按钮1" /><Buttonandroid:id="@+id/button2"android:layout_height="0dp"android:layout_width="wrap_content"android:layout_weight="1"android:text="水平按钮2" /><Buttonandroid:id="@+id/button3"android:layout_width="wrap_content"android:layout_height="0dp"android:layout_weight="1"android:text="水平按钮3" />
</LinearLayout>

 

核心代码1:整体线性布局设置为垂直方向

android:orientation="vertical"

核心代码2:由于在垂直方向均分,所有高度具体为多少不知道,将其设置为0dp,根据占比系统进行计算所得

 android:layout_height="0dp"android:layout_weight="1"

检测自己是否领会到该布局的使用方法 

实现如下布局

 

观察特点:3行2列。

方法1:整体采用线性布局,设置方向为水平方向,嵌套两个线性布局,两个布局的宽度设置为0dp、占比为相等,实现水平均分。

第一个线性布局中,设置方向为垂直方向;放入三个组件,每个组件设置属性(宽度占满父容器、高度设置为0dp、占比设置为1);第二个线性布局也是同样的设置。

完整代码:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="horizontal"><LinearLayoutandroid:layout_width="0dp"android:layout_height="match_parent"android:layout_weight="1"android:orientation="vertical"><Buttonandroid:id="@+id/button"android:layout_width="match_parent"android:layout_height="0dp"android:layout_weight="1"android:text="水平按钮1" /><Buttonandroid:id="@+id/button2"android:layout_width="match_parent"android:layout_height="0dp"android:layout_weight="1"android:text="水平按钮2" /><Buttonandroid:id="@+id/button3"android:layout_width="match_parent"android:layout_height="0dp"android:layout_weight="1"android:text="水平按钮3" /></LinearLayout><LinearLayoutandroid:layout_width="0dp"android:layout_height="match_parent"android:layout_weight="1"android:orientation="vertical"><Buttonandroid:id="@+id/button4"android:layout_width="match_parent"android:layout_height="0dp"android:layout_weight="1"android:text="水平按钮4" /><Buttonandroid:id="@+id/button5"android:layout_width="match_parent"android:layout_height="0dp"android:layout_weight="1"android:text="水平按钮5" /><Buttonandroid:id="@+id/button6"android:layout_width="match_parent"android:layout_height="0dp"android:layout_weight="1"android:text="水平按钮6" /></LinearLayout>
</LinearLayout>

同样的道理,还可以将整体线性布局设置为垂直方向,然后嵌套三个线性布局(红色标记),每个布局的宽度设置为占满,高度设置为0dp、占比设置为相等,实现垂直均分;然后再每个子线性布局中放入2个按钮,设置高度占满,宽度为0dp、占比相等,实现两个按钮水平均分(绿色标记),此处给出思考图,不再给出代码。

相关文章:

  • 基于python的变配电室运行状态评估与预警系统flask-django-nodejs-php
  • 深入理解Linux内核页表映射分页机制原理
  • C++初阶 | [九] list 及 其模拟实现
  • OPENCV(0-1之0.2)
  • AI程序员 vs. 人类程序员:探讨AI在编程领域的崛起与人类的角色
  • Vue2(二):计算属性、监视属性、二者的区别
  • QT配置libtorch(一步到位!!!防止踩坑)
  • 西瓜书机器学习AUC与ℓ-rank(loss)的联系理解以及证明(通俗易懂)
  • RIDE控制台中文显示为乱码问题解决方案【版本1.7.4.1】
  • linux系统中的PS命令详解
  • 利用子类化技术拦截win32窗口各种消息(包括但不限于鼠标键盘消息)
  • C++基础入门(命名空间,函数,引用)
  • git使用小技巧
  • FPGA高端项目:FPGA基于GS2971+GS2972架构的SDI视频收发+HLS图像缩放+多路视频拼接,提供4套工程源码和技术支持
  • 请解释Redis是什么?它有哪些主要应用场景?Redis支持哪些数据类型?并描述每种数据类型的特性和使用场景。
  • [微信小程序] 使用ES6特性Class后出现编译异常
  • Java多态
  • js学习笔记
  • laravel5.5 视图共享数据
  • Linux编程学习笔记 | Linux IO学习[1] - 文件IO
  • maven工程打包jar以及java jar命令的classpath使用
  • Spark学习笔记之相关记录
  • VUE es6技巧写法(持续更新中~~~)
  • 纯 javascript 半自动式下滑一定高度,导航栏固定
  • 简单基于spring的redis配置(单机和集群模式)
  • 排序算法学习笔记
  • 首页查询功能的一次实现过程
  • 通过几道题目学习二叉搜索树
  • 赢得Docker挑战最佳实践
  • 《码出高效》学习笔记与书中错误记录
  • ​Spring Boot 分片上传文件
  • # Java NIO(一)FileChannel
  • $ is not function   和JQUERY 命名 冲突的解说 Jquer问题 (
  • (1)虚拟机的安装与使用,linux系统安装
  • (13)Latex:基于ΤΕΧ的自动排版系统——写论文必备
  • (LeetCode) T14. Longest Common Prefix
  • (LNMP) How To Install Linux, nginx, MySQL, PHP
  • (pojstep1.3.1)1017(构造法模拟)
  • (读书笔记)Javascript高级程序设计---ECMAScript基础
  • (附源码)springboot家庭财务分析系统 毕业设计641323
  • .equals()到底是什么意思?
  • .NET CLR Hosting 简介
  • .NET Core 将实体类转换为 SQL(ORM 映射)
  • .net反编译工具
  • // an array of int
  • :=
  • @PreAuthorize注解
  • [100天算法】-不同路径 III(day 73)
  • [Bada开发]初步入口函数介绍
  • [C]编译和预处理详解
  • [C++核心编程](四):类和对象——封装
  • [caffe(二)]Python加载训练caffe模型并进行测试1
  • [CUDA手搓]从零开始用C++ CUDA搭建一个卷积神经网络(LeNet),了解神经网络各个层背后算法原理
  • [ERROR ImagePull]: failed to pull image k8s.gcr.io/kube-controller-manager失败
  • [HackMyVM]靶场 Wild