Android 布局管理器
布局管理器:控制组件的摆放。
文章目录
1. RelativeLayout
RelativeLayout
, 相对布局管理器,由关系到的其他Layout
或父级Layout
决定其位置。
主要XML属性:
-
android:gravity
设置各组件的摆放方式
-
android:ignoreGravity
设置那些组件不受上一属性影响
RelativeLayout
有一个内部类,用来对布局内的View
进行布局设置。
1.1 RelativeLayout.LayoutParams
用以设置相对布局中某一个View的具体位置。
主要属性:
-
相对于参考组件布局:值为参考组件(View)
id
属性 说明 android:layout_above
上 android:layout_below
下 android:layout_toLeftOf
左 android:layout_toRightOf
右 -
与布局管理器对齐方式:值为
true
或false
属性 说明 android:layout_alignParentTop
上 android:layout_alignParentBottom
下 android:layout_alignParentLeft
左 android:layout_alignParentRight
右 -
与参考组件边界对齐:值为参考组件(View)
id
属性 说明 android:layout_alignTop
上 android:layout_alignBottom
下 android:layout_alignLeft
左 android:layout_alignRight
右 -
组件位于布局管理器的位置:值为
true
或false
属性 说明 android:layout_centerHorizontal
水平居中 android:layout_centerInParent
水平垂直居中 android:layout_centerVertical
垂直居中
1.2 实例
需求:
布局代码如下:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity"
android:background="@mipmap/bg">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:text="@string/update_tip"
android:textAlignment="center"
android:textSize="16sp"
android:textFontWeight="500"
android:id="@+id/tv_udp_tip"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/tv_udp_tip"
android:layout_toStartOf="@+id/btn_later"
android:layout_marginEnd="20dp"
android:text="@string/update" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/tv_udp_tip"
android:layout_alignEnd="@+id/tv_udp_tip"
android:text="@string/later"
android:id="@+id/btn_later"
/>
</RelativeLayout>
效果图:
2. LinearLayout
LinearLayout
,线性布局管理器,设置组件水平或垂直线性排列,每一行(列)只能放置一个组件,屏幕排满后的多余组件不显示。
主要XML属性:
-
android:orientation
设置排列方式,值为
vertical
(垂直排列)或horizontal
(水平排列) -
android:gravity
设置各组件的摆放方式(居中、水平居中等等)
同样的,LinearLayout
也有一个内部类用以对布局内的View
进行布局设置。
2.1 LinearLayout.LayoutParams
LinearLayout.LayoutParams
,用以对线性布局内View的摆放方式等进行设置。
主要属性:
属性 | 说明 |
---|---|
android:layout_gravity | 摆放方式 |
android:layout_weight | 默认为0,表示对剩余空间的占比 |
3. FrameLayout
FrameLayout
,帧布局管理器,组件层叠堆放,默认对齐屏幕左上角。
主要属性:
-
设置前景的摆放方式(
View
有属性android:foreground
),默认为fill
(填充)。可同时设置多种摆放方式,多种方式间用|
间隔,如要设置为右下角,则值应为:right|bottom
。
4. TableLayout
TableLayout
,表格布局管理器,本质上是LinearLayout
的子类,以表格的形式布局组件。
- 通过
<TableRow>
标签在TableLayout
中设置一行。一行中可以有多个单元格,一个单元格仅能容纳一个View或留空。行高默认为wrap_content
。 - 该布局下的组件均无法设置
layout_weight
属性,强制为match_parent
。但是可以设置layout_hight
,默认值为wrap_content
。 TableLayout
下的子标签(或者说组件)可以不是<TableRow>
,而是其他组件,该组件将被当作该表格下的一行。- 列索引从0开始。不手动编写属性(
android:layout_column
`)时,系统自动添加;编写属性时,列索引需要从0开始递增,若跳过某索引,则默认创建一个空单元格。
主要属性:值为列索引,多列用,
分割。
属性 | 说明 |
---|---|
android:collapseColumns | 哪些列被隐藏 |
android:shrinkColumns | 那些列允许被收缩,既一行空间不够时这些组件会收缩以完整显示组件。 |
android:stretchColumns | 那些列允许被拉伸,将自动利用一行中剩余空间 |
4.1 TableRow.LayoutParams
用以设置一行中的列索引、跨列属性
主要属性:值均为一个整数
属性 | 说明 |
---|---|
android:layout_column | 列索引 |
android:layout_span | 当前列需跨多少列 |
5. GridLayout
GridLayout
, 网格布局管理器,一种用网格线将布局区域分割成若干单元格的布局方式,类似表格布局管理器,但比其更加灵活,比如可以实现跨行显示,一行显示不下自动换行等。
- 通常情况下,组件间并不重叠,但是安卓本身并不保证组件间彼此不重叠。
主要属性:
属性 | 说明 |
---|---|
android:columnCount | 指定网格的最大列数 |
android:orientation | 未布局组件(组件未指定行、列数时称为未布局组件)的排列方式,值为horizontal (默认值)或vertical |
android:rowCount | 指定网格的最大行数 |
同样提供了一个内部类作为配置该布局下View的分布。
5.1 GridLayout.LayoutParams
GridLayout.LayoutParams
,用以对GridLayout
布局下所在行、列等进行设置。
主要属性:
属性 | 说明 |
---|---|
android:layout_column | 所在列数 |
android:layout_columnSpan | 跨列数 |
android:layout_columnWeight | 列权重(既水平方向) |
android:layout_gravity | 在单元格内如何摆放 |
android:layout_row | 所在行数 |
android:layout_rowSpan | 跨行数 |
android:layout_rowWeight | 行权重(既垂直方向) |