【Android】安卓布局知识点

前言：安卓六大布局

• 线性布局（LinearLayout）：按照垂直或者水平方向布局的组件
• 相对布局（RelativeLayout）：相对其它组件的布局方式
• 绝对布局（AbsoluteLayout）：按照绝对坐标来布局组件
• 帧布局（FrameLayout）：组件从屏幕左上方布局组件
• 表格布局（TableLayout）：按照行列方式布局组件
• 约束布局 （ConstraintLayout）：按照约束布局组件

一、线性布局(LinearLayout)

线性布局会将容器中的组件一个一个排列起来, LinearLayout可以控制组件 横向 或者 纵向 排列。通过android:orientation属性控制：horizontal(水平)，vertical(垂直), 默认为垂直排列;

1. 常用属性

• gravity : 控制组件内部子元素的对齐方式。 top, bottom, left, right, center,center_vertical(垂直方向居中), center_horizontal(水平方向居中)等；可以同时指定多种对齐方式 : 如 left|center_vertical 左侧垂直居中;
• layout_gravity：控制该组件在父容器里的对齐方式。
• layout_width：布局的宽度（wrap_content：组件实际大小；match_parent / fill_parent：填满父容器）
• layout_height：布局的高度（wrap_content：组件实际大小；match_parent / fill_parent：填满父容器）
• id：为该组件设置一个id，在java文件中可以通过 findViewById(id) 找到该组件。

2. weight（权重）

• 用来等比例的划分区域。指定该元素在LinearLayout(父容器)中所占的权重, 例如都是1的情况下, 那个方向(LinearLayout的orientation方向)长度都是一样的;

android:layout_weight="1" 

3. 灵活使用 linearlayout 布局的权重

【举例1】：将一个 Button 在一行中居中，并且 Button 的宽度占屏幕宽度的一半

• 解决方案：先看具体的 xml，如下

• 说明：其中 LinearLayout 的 android:gravity="center_horizontal" 作用是让 Button 水平居中；LinearLayout 的 android:weightSum="1"，Button 设置 android:layout_weight="0.5"，则表示 button占据父布局即 LinearLayout 一半的宽度，而 LinearLayout 为 match_parent ，因此 Button 会占据屏幕一半的宽度。

【举例2】：最外层是 LinearLayout，里面水平从左到右放 TextView A，TextView B 和一个 Button C ，要求 A 居左，C 居右，B 紧靠 A，且单行显示，如果文字过多则打点。

• 说明：很容易理解，A 在左边，C 在右边，然后 B 利用权重占据剩余的水平空间，由于设置了 singleLine, 因此文字如果超过一行就会打点。

4. divider（分割线）

• divider：为 LinearLayout 设置分割线的图片
• showDividers：设置分割线所在的位置。beginning（开始）、middle（每两个组件间）、end（结束）。
• dividerPadding：设置分割线的 Padding。

• 其中 divider.xml 是分隔线样式：

二、textView 用法

// 表示该TextView最多可显示两行
android:maxLines="2"
// 表示显示不下时在末尾打点（其他属性：start、middle、none、marquee跑马灯效果）
android:ellipsize="end"

// 强制占据两行的高度
android:lines="2"

// 设置文本下划线
textView.getPaint().setFlags(Paint.UNDERLINE_TEXT_FLAG );
// 设置文本中划线
textView.getPaint().setFlags(Paint.STRIKE_THRU_TEXT_FLAG);

// 设置行间距（默认为0）
android:lineSpacingExtra="8dp"
// 设置行间距倍数，默认为1.0f
android:lineSpacingMultiplier="1.3"

1. 用法一：多行文本可以用一个 textView 调整行间距来实现

2. 用法二：一个 textView 实现APP我的页面单元格效果（左边图标+标题+右边图标）

三、相对布局（RelativeLayout）

1. 常用属性

=========== 相对于父控件：===========

// 在父容器的底部
android:layout_alignParentBottom="true"
// 在父容器的右侧
android:layout_alignParentRight="true"
// 在父容器的左侧
android:layout_alignParentLeft="true"
// 在父容器的顶部
android:layout_alignParentTop="true"

// 水平居中对齐
android:layout_centerHorizontal="true"
// 垂直居中对齐
android:layout_centerVertical="true"
// 水平垂直居中对齐
android:layout_centerInParent="true"


/// 设置外边距（即控件的边缘距离父控件的边距）
android:layout_marginTop="10dp"         // 上边距
android:layout_marginBottom="10dp"  // 下边距
android:layout_marginLeft="10dp"        // 左边距
android:layout_marginRight="10dp"       // 右边距

/// 设置内边距（即控件里面内容的边缘相对控件的边框）
android:layout_marginTop="10dp"         // 上边距
android:layout_marginBottom="10dp"  // 下边距
android:layout_marginLeft="10dp"        // 左边距
android:layout_marginRight="10dp"       // 右边距


=========== 相对于给定ID控件 ===========

// 表示在指定控件的上面
android:layout_above="@id/控件ID"
// 表示在指定控件的下面
android:layout_below="@id/控件ID"
// 表示在指定控件的左侧
android:layout_toLeftOf="@id/控件ID"
// 表示在指定控件的右侧
android:layout_toRightOf="@id/控件ID"

// 表示 该控件的顶部边缘 与 指定控件的顶部边缘 对齐
android:layout_alignTop="@id/控件ID"
// 表示 该控件的底部边缘 与 指定控件的底部边缘 对齐
android:layout_alignBottom="@id/控件ID"
// 表示 该控件的左边缘 与 指定控件的左边缘 对齐
android:layout_alignLeft="@id/控件ID"
// 表示 该控件的右边缘 与 指定控件的右边缘 对齐
android:layout_alignRight="@id/控件ID"

// 表示与指定控件基线对齐（水平对齐）
android:layout_alignBaseline="@id/组件ID"

• 相对布局规范：能确定位置的，被依赖的控件写在前面。
  举例：按钮3底部对齐，按钮2在按钮3的上面，文本框水平充满剩余的区域，按钮1顶部对齐，列表框垂直充满剩余的区域。