一、简介
- 多种
Layout布局是可以嵌套组合使用的。 LinearLayout是一个视图容器，用于使所有子视图在单个方向(垂直或水平)保持对齐，可使用android:orientation属性指定布局方向。- 测试代码
<?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintLayout 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"> <!-- 由于最外层不是 Layout，则这里为根布局 --> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal" android:background="#ffc"> <!-- 子视图列表 --> <View android:layout_width="80dp" android:layout_height="80dp" android:background="#cff"/> <View android:layout_width="80dp" android:layout_height="80dp" android:background="#fcf"/> <View android:layout_width="80dp" android:layout_height="80dp" android:background="#cff"/> <View android:layout_width="80dp" android:layout_height="80dp" android:background="#fcf"/> <View android:layout_width="80dp" android:layout_height="80dp" android:background="#cff"/> </LinearLayout> </androidx.constraintlayout.widget.ConstraintLayout>
二、属性
android:orientation="horizontal"
测试代码同上，修改一下方向代码即可。
android:orientation="vertical"
测试代码同上，修改一下方向代码即可。
android:layout_weight="1"
通过给子视图设置权重值，来分配子视图所占空间的权重(比例),如图三个子视图权重分别设置为1，则均分页面空间。
<?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintLayout 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"> <!-- 由于最外层不是 Layout，则这里为根布局 --> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal" android:background="#ffc"> <!-- 子视图列表 --> <View android:layout_width="80dp" android:layout_height="80dp" android:layout_weight="1" android:background="#cff"/> <View android:layout_width="80dp" android:layout_height="80dp" android:layout_weight="1" android:background="#fcf"/> <View android:layout_width="80dp" android:layout_height="80dp" android:layout_weight="1" android:background="#cff" /> </LinearLayout> </androidx.constraintlayout.widget.ConstraintLayout>
也可以组合使用
<?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintLayout 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"> <!-- 由于最外层不是 Layout，则这里为根布局 --> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:background="#ffc"> <!-- 子视图列表 --> <View android:layout_width="80dp" android:layout_height="80dp" android:background="#cff"/> <View android:layout_width="80dp" android:layout_height="80dp" android:layout_weight="2" android:background="#fcf"/> <View android:layout_width="80dp" android:layout_height="80dp" android:layout_weight="0.5" android:background="#cff" /> </LinearLayout> </androidx.constraintlayout.widget.ConstraintLayout>
