欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Android_布局

程序员文章站 2022-05-18 21:14:11
<该文章参考各大博客以及书籍总结而来,如有问题欢迎指出^ ^> 一、五大传统布局+新布局 线性布局——LinearLayout 相对布局——RelativeLayout 帧布局——FrameLayout 绝对布局——AbsoluteLayout 表格布局——TableLayout 约束布局——Con ......

<该文章参考各大博客以及书籍总结而来,如有问题欢迎指出^ ^>

一、五大传统布局+新布局

  • 线性布局——linearlayout
  • 相对布局——relativelayout
  • 帧布局——framelayout
  • 绝对布局——absolutelayout
  • 表格布局——tablelayout
  • 约束布局——constraintlayout

二、介绍

(一)linearlayout

1.简介

线性布局,是最常用的布局之一,这个布局会将它所包含的控件在线性方向上依次排列,排列方向可以设定为水平方向或垂直方向。

2.属性

 排列方向:

1 android:orientation="horizontal" //水平 
2 android:orientation="vertival" //垂直 

对齐方式:

1 android:gravity="centestar|end|top|left|right|center_vertical|center_horizontal"
2 android:layout_gravity

注意:android:gravity 指本元素的子元素相对它的对齐方式

          android:layout_gravity指本元素相对它的父元素的对齐方式

          但凡加上'layout_'前缀的属性,则意味着是本元素相对其父元素的属性

          center :居中显示,但并不表示显示在linearlayout的中心,当linearlyout线性方向为垂直方向时,等同于center_horizental;水平方向时,等同于cental_vertical

          start和left end和right :这里对于中国的情况,两者的效果是相同的。left是绝对的左边,right是绝对的右边,而start会根据不同的国家改变习惯。

子控件的大小:

1 android:layout_weight ="1"  //权重
2 android:layout_width="match_parent|wrap_content|xdp"
3 android:layout_height="match_parent|wrap_content|xdp"

注意:layout_weight :用来分配当前控件在剩余空间的大小

          当我们是使用layout_weight时,此时控件的宽度不应该再用layout_width来决定,这里指定0dp是一种比较贵规范的写法。(dp是android中用于指定控件大小、间距等属性的单位)

 

(二)relativelayout

1.简介

相对布局相对于线性布局更为随意,它可以通过相对定位的方式让空间出现在布局的任何位置。相对布局可以让子控件相对于兄弟控件或父控件进行布局。

2.属性

子控件常用布局:

 

 1 //相对于父控件
 2 android:layout_alignparenttop  //空间的顶部与父控件的顶部对齐
 3 androif:layout_alignparentbottom  //控件的底部与父控件的底部对齐
 4 android:layout_alignparentleft  //控件的左部与父控件左部对齐
 5 android:layout_alignparentright  //控件的右部与父控件的右部对齐
 6   
 7 //相对给定id控件
 8 android:layout_above  //控件的底部置于给定控件之上 9 android:layout_below  //控件的底部置于给定控件之下
 9 android:layout_toleftof //控件的右边缘于给定控件左边缘对齐
10 android:layout_torightof  //控件的左边缘于给定控件右边缘对齐
11 
12 android:layout_alighbaseline  //控件的baseline与给定控件的baseline对齐
13 android:layout_aligntop  //控件的顶部边缘与给定控件的顶部边缘对齐
14 android:layout_alignbottom  //控件的底部边缘与给定控件的底部边缘对其
15 android:layout_alignleft  //控件的左边缘与给定控件的左边缘对齐
16 android:layout_alignright  //控件的右边缘与给定控件的右边缘对齐
17 
18 //居中
19 android:layout_centerhorizontal  //水平居中
20 android:layout_centervertical  //垂直居中
21 android:layout_centerparent  //父控件*
22 
23 //属性值为具体像素值:dp、px
24 android:layout_marginbottom   //离某元素底边缘的距离
25 android:layout_marginleft   //离某元素做边缘的距离
26 android:layout_marginright  //离某元素右边缘的距离
27 android:layout_margintop  //李某元素上边缘的距离
28 android:padding
29 android:paddingtop
30 android:paddingleft
31 android:paddingright

 

 

 

 

注意:当一个控件去引用另外一个控件的id时,该控件一定要定义在引用控件的后面,不然会出现找不到id的情况

          'align' 排列;‘alignparent’排列在父容器的某个位置

          在最新版本的android中,单独使用包含start或者end属性的话,会报错,提示需要再加入left和right属性;而单独使用left和right属性,会提示一个waring,提示推荐加入star或者end属性

          margin 边缘(外边距);padding 衬垫,填充(内边距)

          Android_布局

 

(三)framelayout

1.简介

最简单的一种布局,所有的控件都会默认摆放在布局的左上角。后续添加的控件会覆盖前一个。帧布局的应用场景并不是很多,不过经常配合fragment使用/

2.属性

1 android:foreground   //设置改帧布局的前景图像
2 android:foregroundgravity  //设置前景图像显示的位置

 

(四)absolutelayout

1.简介

绝对布局中将所有的子元素通过android:layout_x和android:layout_y属性,将子元素的坐标位置固定下来。屏幕左上角为坐标(0,0),横向往右为正方,纵向往下为正方。

 

(五)tablelayout

1.简介。

表格布局,适用于多行多列的布局格式,每个tablelayout是由多个tablerow组成,一个tablerow就表示tablelayout中的每一行,这一行可以由多个子元素组成。实际上tablelayout和tablerow都是linelayout线性布局的子类。但是tablerow的参数android:orientation属性值固定为horizontal,且android:layout_width=match_parent,android:layout_height=wrap_content。所以tablerow实际是一个横向的线性布局,且所以子元素宽度和高度一致。

2.属性

1 android:shrinkcolumns:  //设置可收缩的列,内容过多就收缩显示到第二行
2 android:stretchcolumns:  //设置可伸展的列,将空白区域填充满整个列
3 android:collapsecolumns:  //设置要隐藏的列
4 
5 //子控件常用属性:
6 android:layout_column://第几列
7 android:layout_span://占据列数
注意:在tablelayout中,单元格可以为空,但是不能跨列,意思是只能不能有相邻的单元格为空
     列的索引从0开始,shrinkcolumns和stretchcolumns可以同时设置。