Android 开发:(二)安卓常用5大布局方式
来源:互联网 发布:餐饮软件领域排行 编辑:程序博客网 时间:2024/06/05 19:54
一、Android中常用的5大布局方式有以下几种:
1.线性布局(LinearLayout):按照垂直或者水平方向布局的组件;
2.帧布局(FrameLayout) :组件从屏幕左上方(0,0)布局组件;
3.相对布局 (RelativeLayout) :相对其它组件的布局方式;
4.表格布局 (TableLayout) :按照行列方式布局组件;
5.绝对布局 (AbsoluteLayout):按照绝对坐标来布局组件(不常用,了解即可)。
二、详细介绍:
1.线性布局(LinearLayout):
按照垂直或者水平的顺序依次排列子元素,每一个子元素都位于前一个元素之后。如果是垂直排列,那么将是一个N行单列的结构,每一行只会有一个元素,而不论这个元素的宽度为多少;如果是水平排列,那么将是一个单行N列的结构。如果搭建两行两列的结构,通常的方式是先垂直排列两个元素,每一个元素里再包含一个LinearLayout进行水平排列。
LinearLayout中的子元素属性android:layout_weight生效,它用于描述该子元素在剩余空间中占有的大小比例。加入一行只有一个文本框,那么它的默认值就为0,如果一行中有两个等长的文本框,那么他们的android:layout_weight值可以是同为1。如果一行中有两个不等长的文本框,那么他们的android:layout_weight值分别为1和2,那么第一个文本框将占据剩余空间的三分之二,第二个文本框将占据剩余空间中的三分之一。android:layout_weight遵循数值越小,重要度越高的原则。
<!--线性布局:按垂直或者水平方向布局--> <LinearLayout android:layout_width="match_parent" android:layout_height="90dp" android:orientation="horizontal" //横向布局 **android:layout_weight="1"** //该属性会平分空间,每个人1/4宽。 android:id="@+id/lw1" > <TextView android:layout_width="wrap_content" android:layout_height="fill_parent" android:text="red" android:gravity="center_horizontal" android:background="#aa0000" android:layout_weight="1" /> <TextView android:layout_width="wrap_content" android:layout_height="fill_parent" android:text="blue" android:background="#0000aa" android:gravity="center_horizontal" android:layout_weight="1"/> <TextView android:layout_width="wrap_content" android:layout_height="fill_parent" android:background="#ffa500" android:text="orange" android:gravity="center_horizontal" android:layout_weight="1" /> <TextView android:layout_width="wrap_content" android:layout_height="fill_parent" android:background="#008080" android:text="teal" android:gravity="center_horizontal" android:layout_weight="1"/> </LinearLayout> <LinearLayout android:orientation="vertical" //纵向布局 android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_below="@+id/lw1" //在id为lw1的控件下布局,实际上该属性是相对布局的。 android:layout_weight="1"> <TextView android:text="row one" android:background="#aa0000" android:textSize="25sp" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1" /> <!-- --> <TextView android:text="row two" android:background="#dda0dd" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1" /> <TextView android:text="row three" android:background="#008080" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1" /> <TextView android:text="row four" android:background="#ffa500" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1" /> </LinearLayout>
2.帧布局(FrameLayout):
五大布局中最简单的一个布局,从坐标(0,0)开发。在这个布局中,整个界面被当成一块空白备用区域,所有的子元素都不能被指定放置的位置,它们统统放于这块区域的左上角,并且后面的子元素直接覆盖在前面的子元素之上,将前面的子元素部分和全部遮挡。
<!--<!–帧布局:从左上角(0,0)开始布局–>--> <TextView android:layout_width="300dp" android:layout_height="300dp" android:background="#00bfff"/> <TextView android:layout_width="260dp" android:layout_height="260dp" android:background="#ffc0cb"/> <TextView android:layout_width="220dp" android:layout_height="220dp" android:background="#0000ff"/> <TextView android:layout_width="3dp" android:layout_height="3dp" android:background="#fa524e"/>
3.相对布局 (RelativeLayout):
按照各子元素之间的位置关系完成布局。在此布局中的子元素里与位置相关的属性将生效。
RelativeLayout用到的一些重要的属性:
<!--相对布局:按照组件的相对位置来布局--> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:id="@+id/tev" android:text="please type here:"/> <EditText android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@id/tev" android:id="@+id/tex"/> <Button android:orientation="horizontal" android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/btn1" android:layout_below="@id/tex" android:text="确定" /> <Button android:layout_marginLeft="100dp" android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/btn2" android:layout_below="@id/tex" android:layout_marginRight="30dp" android:text="取消"/>
4.表格布局 (TableLayout):
此布局为表格布局,适用于N行N列的布局格式。一个TableLayout由许多TableRow组成,一个TableRow就代表TableLayout中的一行。
TableRow是LinearLayout的子类,它的android:orientation属性值恒为horizontal,并且它的android:layout_width和android:layout_height属性值恒为MATCH_PARENT和WRAP_CONTENT。所以它的子元素都是横向排列,并且宽高一致的。这样的设计使得每个TableRow里的子元素都相当于表格中的单元格一样。在TableRow中,单元格可以为空,但是不能跨列。
<!--1.表格布局: 一个viewgroup以表格显示它的子视图(view)元素, 即行和列标识一个视图的位置--> <TableRow android:layout_width="wrap_content" android:layout_height="100dp"> <Button android:text="button1" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <Button android:text="button2" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <Button android:text="button3" android:layout_width="match_parent" /> </TableRow> <TableRow android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="140dp"> <Button android:text="button4"/> <Button android:layout_span="2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="button5"/> </TableRow>
5.绝对布局 (AbsoluteLayout):
在此布局中的子元素的android:layout_x和android:layout_y属性将生效,用于描述该子元素的坐标位置。屏幕左上角为坐标原点(0,0),第一个0代表横坐标,向右移动此值增大,第二个0代表纵坐标,向下移动,此值增大。在此布局中的子元素可以相互重叠。在实际开发中,通常不采用此布局格式,因为它的界面代码过于刚性,以至于有可能不能很好的适配各种终端。故了解一下就可以。
- Android 开发:(二)安卓常用5大布局方式
- Android中常用的5大布局方式
- Android中常用的5大布局方式
- (二)安卓android游戏开发之2048游戏开发教程----深刻理解LinearLayout布局
- 安卓5大布局
- Android开发学习笔记:5大布局方式详解
- Android开发学习笔记:5大布局方式详解
- Android开发学习笔记:5大布局方式详解
- Android开发学习笔记:5大布局方式详解
- Android开发学习笔记:5大布局方式详解
- Android开发学习笔记:5大布局方式详解
- Android开发学习笔记:5大布局方式详解
- Android开发之--五大布局方式
- 安卓开发常见布局方式学习
- Android常用5大布局
- 安卓开发中常用布局总结
- 安卓开发--Layout--布局---SDK(二)
- Android中常用的4大布局方式
- window bat 批处理实例小结
- 灯光师小明
- hdu5248 序列变换 二分
- C++语言— 类中的赋值运算符重载
- C++入门(3)——使用new分配内存
- Android 开发:(二)安卓常用5大布局方式
- java集合类(1)
- 推荐系统中准确率和召回率的理解
- 一.功能测试
- 初入博达
- 【面试题3】二维数组的查找
- Android开发时简单总结
- Mike and Chocolate Thieves(CF #361 Div. 2)
- 基于TensorFlow的多层感知机