【Android】01---界面布局
文章目录
- 一、View视图
- 二、常见布局
- 0.布局的通用属性
- 1.线性布局 (水平/垂直方向排列)
- 2.相对布局(通过相对定位排列)
- 3.帧布局(开辟空白区域,帧力的控件(层)叠加)
- 4.表格布局(表格形式排列)
- 5.约束布局(可视化的方式编写布局)
提示:以下是本篇文章正文内容,下面案例可供参考
一、View视图
所有UI元素都是通过View和ViewGroup构建的。
二、常见布局
0.布局的通用属性
属性名称 | 功能描述 |
---|---|
android:id | 设置布局的标识 |
android:layout_width | 设置布局的宽度 |
android:layout_width | 设置布局的宽度 |
android:layout_heigh | 设置布局的高度 |
android:background | 设置布局的背景 |
android:layout_margin | 设置当前布局与屏幕编辑或与周围控件的距离 |
android:padding | 设置当前布局与该布局中控件的距离 |
1.线性布局 (水平/垂直方向排列)
LinearLayout
控件属性 | 功能描述 |
---|---|
android:id | 属性 |
android:layout_width | 宽 |
android:layout_height | 高 |
android:background | 背景颜色 |
android:orientation=“horizontal” | 水平 |
android:orientation=“vertical” | 垂直 |
android:layout_marginRight | 右外边距 |
android:layout_marginLeft | 左外边距 |
android:layout_marginTop | 上外边距 |
android:layout_marginBottom | 下外边距 |
android:padding | 内边距 (与控件的边距) |
android:layout_weight=“1” | 权重 |
当控件使用权重属性式,布局宽度属性通常设置为0dp
2.相对布局(通过相对定位排列)
**RelativeLayout**
控件属性 | 功能描述 |
---|---|
android:layout_centerInParent | 设置当前控件位于父布局的中央位置 |
android:layout_centerVerical | 设置当前控件位于父布局的垂直居中位置 |
android:layout_centerHorizontal | 设置当前控件位于父布局的水平居中位置 |
android:layout_above | 设置当前控件位于某控件上方 |
android:layout_below | 设置当前控件位于某控件下方 |
android:layout_toLeftOf | 设置当前控件位于某控件左侧 |
android:layout_toRightOf | 设置当前控件位于某控件右侧 |
android:layout_alignParentTop | 设置当前控件是否与父控件顶端对齐 |
android:layout_alignParentLeft | 设置当前控件是否与父控件左对齐 |
android:layout_alignParentRight | 设置当前控件是否与父控件右对齐 |
android:layout_alignParentBotttom | 设置当前控件是否与父控件底端对齐 |
android:layout_aligbTop | 设置当前控件的上边界与某控件的上边界对齐 |
android:layout_aligbBottom | 设置当前控件的下边界与某控件的下边界对齐 |
android:layout_aligbLeft | 设置当前控件的左边界与某控件的左边界对齐 |
android:layout_aligbRight | 设置当前控件的右边界与某控件的右边界对齐 |
3.帧布局(开辟空白区域,帧力的控件(层)叠加)
FrameLayout
android:foregroundGravity="left"
设置前景图像的显示位置
android:foreground:"@XXX"
设置帧布局容器的前景图片,始终再所有子控件之上
4.表格布局(表格形式排列)
TableLayout
表格布局属性 | 功能描述 |
---|---|
android:stretchColumns | 设置该列被拉伸 |
android:shrinkColumns | 设置该列被拉伸 |
android:coolapseColumns | 设置该列被拉伸 |
表格布局控件属性 | 功能描述 |
---|---|
android:layout_column | 设置该单元显示位置 |
android:layout_span | 设置该单元格占据几行,默认为1行 |
<?xml version="1.0" encoding="utf-8"?><!--TableLayout 表格布局--><!--表格布局属性-->
<!--stretchColumns 被拉伸-->
<!--shrinkColumns 被收缩-->
<!--collapseColumns 被隐藏-->
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:stretchColumns="1"><TableRow><Button android:text="按钮1"></Button><Button android:text="按钮1"></Button><Button android:text="按钮1"></Button><TextView android:text="文本信息"></TextView><Button android:text="按钮1"></Button></TableRow><TableRow><Button android:text="按钮1"></Button><Button android:text="按钮1"></Button><Button android:text="按钮1"></Button></TableRow><TableRow><Button android:text="按钮1"></Button><Button android:text="按钮1"></Button></TableRow><!--表格布局控件属性--><!--layout_column 设置该单元格显示位置--><!--layout_span 显示大小--><TableRow ><Button android:text="按钮1" android:layout_column="1"></Button><Button android:text="按钮1" android:layout_span="3"></Button></TableRow></TableLayout>
5.约束布局(可视化的方式编写布局)
【Android】01---界面布局相关推荐
- Android常见界面布局
第2章 Android常见界面布局 第2章 Android常见界面布局 2.1 View视图 2.2 界面布局编写方式 2.2.1 在XML文件中编写布局 2.2.2 在Java代码中编写布局 2.3 ...
- Android常见界面布局(详细介绍)
一.View视图 所有的UI元素都是通过View与ViewGroup构建的,对于一个Android应用的用户界面来说,ViewGroup作为容器盛装界面中的控件,它可以包含普通的View控件,也可以包 ...
- android10桌面布局好看,让你的Android手机界面布局更好看
机友是否觉得你的Android界面布局不够好看?想换一种手机界面?也许很多朋友都能够很简单Android界面美化,但是太深入的操作就不会了,那么下面我为大家介绍另一种风格的界面,使你的手机界面变的更加 ...
- 《Android移动应用基础教程》(Android Studio)(第二版)黑马教程 课后题答案第2章 Android常见界面布局
一.填空题 1.ViewGroup 2.LinearLayout 3.TableRow 4.RelativeLayout LinearLayout 5.iInt 二.判断题 1.√ 2.× 3.√ 4 ...
- 第2章 Android常见界面布局
课后习题 1. 列举Android中的常用布局,并简述他们各自的特点 Android中有五种常用布局,分别为RelativeLayout(相对布局).LinearLayout(线性布局).FrameL ...
- (2)Android常见界面布局
文章目录 2.1 View控件 2.2 界面布局编写方式 XML中编写 Java中编写 2.3 界面布局的通用属性 android:id android:layout_width&&a ...
- Android 常用界面布局
android-studio-2020.3.1.25-windows安装包 链接:https://pan.baidu.com/s/19SgimjO3OJmkA2mHjfrXvw 提取码:pt0d 实验 ...
- android 自定义课程表,Android课程表界面布局实现代码
前言 Android课程表布局实现 我是个菜鸟,文章供参考 示例 图1: 图2: 布局分析 该界面主要可分为三部分: 1.显示年份及周数部分 2.显示周一到周日 3.课程显示部分 实现步骤 1.首先整 ...
- Android复杂界面布局解决方案
前言 最近接近年关,公司项目没什么事情做.闲暇之余的时间笼统的做了一个app的框架(虽然我不知道这样算不算是框架). 我们知道,很多App的界面是非常复杂的,如果按照常规的方法去写l ...
- android studio 界面布局之表格布局
<?xml version="1.0" encoding="utf-8"?> <TableLayout xmlns:android=" ...
最新文章
- org.hibernate.ObjectNotFoundException: No row with the given identifier exists: [xx]
- linux 移动目录树到子目录中,Linux系统管理员工具包: 移动Linux/UNIX目录
- 生命html文档,Web前端第一季(HTML)
- java emoji问号,emoji-java 用来表情转换,你会用了吗?
- Web前端 HTML 优化启动性能
- MySQL数据库事务隔离性的实现
- 如何启动一个新的cmd窗口并在其内执行命令
- 25.TCP/IP 详解卷1 --- SNMP:简单网络管理协议
- count(*),count(1)和count(字段)的区别
- 你不知道的JS(原型)
- 一分钟实现扫描二维码功能
- 从零实现深度学习框架——前馈网络语言模型
- MySQL基础 - 数据类型
- 深度学习基础知识点归纳总结
- ERROR 1044 (42000)Access denied for user @localhost to database
- linux 线程 pthread_t 和 线程 tid 的区别
- GSM Sniffing入门之硬件篇
- Ext.TabPanel 各属性一览
- Racket实现数字与中文的转换算法三(程序测试)
- 2019 CCF-CCSP-苏州之旅
热门文章
- 微信小程序文章内容展开收缩
- 关于在2440上移植rtl8192和rtl8188cus linux驱动遇到的问题及解决方法!!!
- 【电力系统】基于matlab YALMIP+CPLEX求解带储能的微电网优化调度问题【含Matlab源码 2175期】
- 插值、拟合和逼近的区别
- C#练习题答案: 几何级数【难度:1级】--景越C#经典编程题库,1000道C#基础练习题等你来挑战
- Web信息收集之搜索引擎-GoogleHacking
- 自定义函数导致的sql性能问题
- 羊了个羊 通关代码思路
- 实现memset函数
- 超级计算机600字作文,超越自己作文600字(精选5篇)