跟我学Android之六 布局

视频课:https://edu.csdn.net/course/play/7621

本章内容

第1节  线性布局
第2节  相对布局
第3节  帧布局
第4节  表格布局
第5节  网格布局

线性布局 


线性布局使用<LinearLayout>标签进行配置,对应代码中的类是android.widget.LinearLayout,线性布局分为水平和垂直两种方向。

线性布局的常用属性如下: 

android:orientation 表示布局方向,取值vertical表示垂直布局,取值horizontal表示水平布局。 
android:gravity 表示视图的对齐方式 
内容包括:top、bottom、left、right、center_vertical、center_horizontal、center,可以使用|分隔填写多个值 
布局中的视图可以使用如下属性 

android:layout_gravity 表示单个视图的对齐方式,android:layout_weight 表示单个视图所在大小的比重,当layout_weight为0时,视图大小由自身确定,当layout_weight大于0时,视图在线性布局方向上根据比重拉伸

相对布局 

相对布局是一种通过设置相对位置进行的布局,相对布局使用<RelativeLayout>标签进行配置,对应代码中的类是android.widget.RelativeLayout,布局中的视图通过设置相互间的相对位置进行排列,相对的排列位置,相对的对齐方式;相对布局使用拖放式比较方便。


扫描二维码关注公众号,回复: 12148146 查看本文章

相对布局内视图可用的常用属性如下: 

与位置相关的属性
android:layout_above 表示在目标组件之上 
android:layout_below 表示在目标组件之下 
android:layout_toLeftOf 表示在目标组件的左边 
android:layout_toRightOf 表示在目标组件的右边

与对齐相关的属性 

android:alignBaseLine 表示与目标组件的基线对齐 
android:alignBottom 表示与目标组件的底边对齐 
android:alignTop 表示与目标组件的顶边对齐 
android:alignLeft 表示与目标组件的左边对齐 
android:alignRight 表示与目标组件的右边对齐 
android:layout_centerHorizontal 表示在相对布局容器内水平居中 

android:layout_centerVertical 表示在相对布局容器内垂直居中

帧布局

帧布局是一种把视图层叠起来显示的布局

使用<FrameLayout>标签进行配置,对应的类是android.widget.FrameLayout,布局中的视图按照书写的先后顺序排列,先加入的显示在底层,最后加入的显示在顶层,每一个视图都可以针对布局容器设置摆放位置


帧布局的常用属性

android:foreground 用于表示帧布局最顶层的覆盖层

android:foregroundGravity 用于表示覆盖层内容的位置

帧布局内视图可用的常用属性如下:

android:layout_gravity 表示视图的位置,内容包括:top、bottom、left、right、center_vertical、center_horizontal、center,可以使用|分隔填写多个值

布局文件:




<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent" ><TextViewandroid:layout_gravity="center"android:layout_width="300dp"android:layout_height="300dp"android:background="#FF0000"android:text="@string/tip1" />……</FrameLayout>
</pre><pre code_snippet_id="1741515" snippet_file_name="blog_20160702_4_51180" name="code" class="html">


表格布局

表格布局是一种行列方式排列视图的布局,使用<TableLayout>和<TableRow>标签进行配置,对应的类是android.widget.TableLayout,一对<TableRow>标签包含着一行中显示的视图。

表格布局的常用属性

android:stretchColumns 用于指定可以被拉伸的列,可以被拉伸的列在屏幕还有空白区域时被拉伸充满,列通过0开始的索引值表示,多个列之间用逗号隔开。

android:shrinkColumns 用于指定可以被压缩的列,当屏幕不够用时,列被压缩直到完全显示

android:collapseColumns 用于表示可以被完全折叠的列

表格布局内视图可用的常用属性如下:

android:layout_column 指定列索引号,由于有些行可能列数量不全,这时候需要给列指定索引号

网格布局


网格布局由GridLayout代表,它是Android 4.0新增的布局管理器.,使用<GridLayout>标签进行配置,对应的类是android.widget.GridLayout

网格布局常用属性如下:



android:columnCount设置该网格的列数量



android:rowCount设置该网格的行数量





网格布局内子视图的常用属性如下:

XML属性                                 说  明
android:layout_column 设置该子组件在GridLayout的第几列
android:layout_columnSpan 设置该子组件在GridLayout横向上跨几列
android:layout_gravity 设置该子组件采用何种方式占据该网格的空间
android:layout_row 设置该子组件在GridLayout的第几行
android:layout_rowSpan 设置该子组件在GridLayout纵向上跨几行

通过网格布局实现如下图的视图界面


猜你喜欢

转载自blog.51cto.com/2096101/2588821