Android-布局管理器
线性布局(Linearlayout)
属性
orientation 布局管理器内组件的排列方式(horizontal(水平)和vertical(垂直),默认值为 horizontal.)
layout_weight 权重 à 用于设置组件占父容器剩余空间的比例
layout_backgound 背景颜色
layout_gravity 设置当前组件在布局管理器中的位置
示例
代码
<?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" ><Button android:id="@+id/tv_bt1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="bt1"android:layout_weight="2"/><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content" android:background="#90f0"android:layout_weight="2" ><Button android:id="@+id/tv_bt4"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="bt4"android:layout_gravity="center"/> <Button android:id="@+id/tv_bt5"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="bt5"android:layout_weight="2"android:layout_gravity="right|bottom" /> </LinearLayout><Button android:id="@+id/tv_bt2"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="bt2"/> <Button android:id="@+id/tv_bt3"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="bt3"android:layout_weight="1"/>
</LinearLayout>
显示
相对布局(RelativeLayout)
需要设置id属性
因为相对布局需要以其它控件(id)或父容器作为参照, 后放入控件的位置依赖于先放入的控件。
属性
控件属性 |
功能描述 |
android:layout_centerInParent |
设置当前控件位于父布局的中央位置, 其属性值为boolean值 |
android:layout_centerVertical |
设置当前控件位于父布局的垂直居中位置, 其属性值为boolean值 |
android:layout_centerHorizontal |
设置当前控件位于父控件的水平居中位置, 其属性值为boolean值 |
android:layout_above |
设置当前控件位于某控件上方, 其属性值为其他UI组件的id属性 |
android:layout_below |
设置当前控件位于某控件下方, 其属性值为其他UI组件的id属性 |
android:layout_toLeftOf |
设置当前控件位于某控件左侧, 其属性值为其他UI组件的id属性 |
android:layout_toRightOf |
设置当前控件位于某控件右侧, 其属性值为其他UI组件的id属性 |
android:layout_alignParentTop |
设置当前控件停靠于布局顶端, 其属性值为boolean值 |
android:layout_alignParentLeft |
设置当前控件停靠于布局左侧, 其属性值为boolean值 |
android:layout_alignParentRight |
设置当前控件停靠于布局右侧, 其属性值为boolean值 |
android:layout_alignParentBottom |
设置当前控件停靠于布局底端, 其属性值为boolean值 |
设置当前控件的上边界与某控件的上边界对齐 |
|
android:layout_alignTop |
设置当前控件的上边界与某控件的上边界对齐, 其属性值为其他UI组件的id属性 |
android:layout_alignBottom |
设置当前控件的下边界与某控件的下边界对齐, 其属性值为其他UI组件的id属性 |
android:layout_alignLeft |
设置当前控件的左边界与某控件的左边界对齐, 其属性值为其他UI组件的id属性 |
android:layout_alignRight |
设置当前控件的右边界与某控件的右边界对齐, 其属性值为其他UI组件的id属性 |
设置当前控件边界与某控件的距离 |
|
android:layout_marginTop |
设置当前控件上边界与某控件的距离 |
android:layout_marginBottom |
设置当前控件底边界与某控件的距离 |
android:layout_marginLeft |
设置当前控件左边界与某控件的距离 |
android:layout_marginRight |
设置当前控件右边界与某控件的距离 |
示例
<?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:id="@+id/bt1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="bt1"/><Button android:id="@+id/bt2"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerHorizontal="true"android:text="bt2"/><Button android:id="@+id/bt3"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignParentRight="true"android:text="bt3"/><Button android:id="@+id/bt4"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerVertical="true"android:text="bt4"/><Button android:id="@+id/bt5"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerInParent="true"android:text="bt5"/><Button android:id="@+id/bt6"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignParentRight="true"android:layout_centerVertical="true" android:text="bt6"/><Button android:id="@+id/bt7"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignParentBottom="true"android:text="bt7"/><Button android:id="@+id/bt8"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignParentBottom="true"android:layout_centerHorizontal="true"android:text="bt8"/><Button android:id="@+id/bt9"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignParentBottom="true"android:layout_alignParentRight="true"android:text="bt9"/><Button android:id="@+id/bt10"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_below="@id/bt1"android:layout_toRightOf="@id/bt4"android:layout_above="@id/bt4"android:layout_alignRight="@id/bt2"android:text="bt10"/><Button android:id="@+id/bt11"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_below="@id/bt10"android:layout_above="@id/bt7"android:layout_toRightOf="@id/bt4"android:text="bt11"/><Button android:id="@+id/bt12"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignLeft="@id/bt5"android:layout_below="@id/bt5"android:layout_toLeftOf="@id/bt6"android:layout_alignBaseline="@id/bt11"android:text="bt12"/></RelativeLayout>
表格布局(Tablelayout)
表格布局属性
控件属性 |
功能描述 |
android:layout_column |
设置该单元显示位置 |
android:layout_span |
设置该单元格占据几行,默认为1行 |
表格布局中控件属性
控件属性 |
功能描述 |
android:layout_column |
设置该单元显示位置 |
android:layout_span |
设置该单元格占据几行,默认为1行 |
示例
<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:stretchColumns="1,2" ><TableRow android:layout_width="match_parent"android:layout_height="wrap_content"><TextView android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="点a:"/><EditText android:id="@+id/et_ax"android:layout_width="wrap_content"android:layout_height="wrap_content"android:hint="x"/><EditText android:id="@+id/et_ax"android:layout_width="wrap_content"android:layout_height="wrap_content"android:hint="y"/></TableRow><TableRow android:layout_width="match_parent"android:layout_height="wrap_content"><TextView android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="点b:"/><EditText android:id="@+id/et_bx"android:layout_width="wrap_content"android:layout_height="wrap_content"android:hint="x"/><EditText android:id="@+id/et_bx"android:layout_width="wrap_content"android:layout_height="wrap_content"android:hint="y"/></TableRow><Button android:id="@+id/bt"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="确定"/></TableLayout>
帧布局(FrameLayout)
示例
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:foreground="@drawable/ic_launcher" android:foregroundGravity="right|bottom" ><TextView android:layout_gravity="center"android:layout_width="400px"android:layout_height="400px"android:background="#f00"android:text="红色背景的TextView"/><TextView android:layout_gravity="center"android:layout_width="300px"android:layout_height="300px"android:background="#FF8000"android:text="橙色背景的TextView"/><TextView android:layout_gravity="center"android:layout_width="200px"android:layout_height="200px"android:background="#FFFF00"android:text="黄色背景的TextView"/></FrameLayout>
网格布局(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" android:columnCount="4"><Button android:id="@+id/bt1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="bt1"android:layout_column="3"/><Button android:id="@+id/bt2"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="bt2"/><Button android:id="@+id/bt3"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="bt3"/><Button android:id="@+id/bt4"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="bt4"/><Button android:id="@+id/bt5"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="bt5"/><Button android:id="@+id/bt6"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="bt6"/><Button android:id="@+id/bt7"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="bt7"/><Button android:id="@+id/bt8"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="bt8"/><Button android:id="@+id/bt9"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="bt9"/><Button android:id="@+id/bt10"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="bt10"/><Button android:id="@+id/bt11"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="bt11"/><Button android:id="@+id/bt12"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="bt12"/><Space /><Button android:id="@+id/bt13"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="bt13"android:layout_columnSpan="2"android:layout_gravity="fill_horizontal"/><Button android:id="@+id/bt14"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="bt14"/><Button android:id="@+id/bt15"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_rowSpan="2"android:layout_gravity="fill_vertical"android:text="bt15"/><Button android:id="@+id/bt16"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_columnSpan="3"android:layout_gravity="fill_horizontal"android:text="bt16"/><Space /></GridLayout>
Android-布局管理器相关推荐
- Android布局管理器-使用TableLayout表格布局管理器实现简单的用户登录页面
场景 Android布局管理器-使用FrameLayout帧布局管理器显示层叠的正方形以及前景照片: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article ...
- Android布局管理器-使用FrameLayout帧布局管理器显示层叠的正方形以及前景照片
场景 Android布局管理器-使用LinearLayout实现简单的登录窗口布局: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details ...
- Android布局管理器-使用LinearLayout实现简单的登录窗口布局
场景 Android布局管理器-从实例入手学习相对布局管理器的使用: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/1038389 ...
- 移动开发技术(Android)——实验2 Android布局管理器的应用
移动开发技术(Android)--实验2 Android布局管理器的应用 一.实验目的 二.实验内容 (一)创建一个Android项目,名称为"shiyan0201_专业_×××" ...
- 【android编程】 第三讲-Android布局管理器
android编程 第三讲 Android布局管理器 文章目录 android编程 第三讲 Android布局管理器 约束布局管理器ConstraintLayout 线性布局管理器LinearLayo ...
- android开发4:Android布局管理器1(线性布局,相对布局RelativeLayout-案例)
控件类概述 View 可视化控件的基类 属性名称 对应方法 描述 android:background setBackgroundResource(int) 设置背景 android:clickabl ...
- android 布局管理器,【Android开发】布局管理器-表格布局
在XML布局文件中定义表格布局管理器的基本语法: 属性列表 > 需要添加的UI组件 多个TableRow TableLayout支持的XML属性: android:collapseColumns ...
- android 布局管理器 各种布局简介
android中布局管理器是以ViewGroup为基类派生的.分为线性布局(LinearLayout).表格布局(TableLayout).帧布局(FrameLayout).相对布局(Relative ...
- 零基础学Android——布局管理器
第一章<第一个Android应用程序> 第三节 布局管理器 导入: 我们在使用手机软件时候,可以发现每一款软件的组件排列方式都是不同的,这样的布局可以轻松的了解和使用软件,在这一节和我一起 ...
- Android 布局管理器
布局管理器:控制组件是如何摆放的. 5种常用的布局管理器: RelativeLayout,相对布局管理器 LineraLayout,线性 FrameLayout,帧 TableLayout,表格 Gr ...
最新文章
- linux 0.01内核分析与操作系统设计 pdf,《Linux 0.01内核分析与操作系统设计——创造你自己的操作系统》...
- Python中的retry
- oracle 查看dba账户,Oracle DBA常用查询
- oracle sqlplus help,oracle: 安装sqlplus help帮助命令
- Linux服务-搭建NFS
- 基于Android幼儿园管理系统,幼儿园管理系统
- linux不支持tailf指令,Linux安装tailf
- 计算机应用基础10000字论文,计算机(毕业论文)一万字.doc
- 电脑上计算机无法搜索文件,怎么搜索电脑中的文件?电脑搜索文件教程
- 净资产收益率与市盈率的关系
- oracle诉讼_Oracle诉Google:Aaaaand诉讼又回来了! [更新]
- 第二章-最优控制中的变分法(经典变分法或古典变分法)1
- LED灯光照明控制协议(系统)- DALI
- 详解 JVM Garbage First(G1) 垃圾收集器
- 程序猿生存指南-22 分手快乐
- 计算机工程与科学论文格式,论文模版 - 计算机工程与科学.doc
- web前端工程师技能总结
- spark对接hudi遇到的坑
- 快速搭建直播平台教程,美颜SDK接入实现多种美颜特效
- 苹果刷机未知错误75_新一轮的测试开始!| 苹果发布 iOS 13.3.1 首个开发者测试版...