线性布局(LinearLayout):按照一定的方向排列组件,方向主要分为水平方向和垂直方向。方向的设置通过属性android:orientation设置
android:orientation
其取值有两种
水平方向:android:orientation="horizontal"
垂直方向:android:orientation="vertical"
使用案例1:按照水平方向排列组件
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
tools:context=".MainActivity">
<Button
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="水平按钮1" />
<Button
android:id="@+id/button2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="水平按钮2" />
<Button
android:id="@+id/button3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="水平按钮3" />
</LinearLayout>
核心代码:设置方向为水平方向,这也是LinearLayout默认的方向。
android:orientation="horizontal"
如果再增加两个按钮,则效果如下:
也就是说,排满后,不会自动换行。
使用案例2:按照垂直方向排列组件
在上述代码中,更改核心代码为下列代码
android:orientation="vertical"
更常见的使用方法是:组件在布局中均分,均分情况主要有两种,分别是水平方向均分、垂直方向均分
使用案例3:水平方向均分
思路:首先使用水平方向排列,将三个组件放入布局中;然后设置三个按钮的宽度均为0dp、占比相等(相等指的是,可以同时为1,也可以同时为2,数字相同就是相等)
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<Button
android:id="@+id/button"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="水平按钮1" />
<Button
android:id="@+id/button2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="水平按钮2" />
<Button
android:id="@+id/button3"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="水平按钮3" />
</LinearLayout>
核心代码1:线性布局上添加属性,使得排列方向设置为水平方向(由于默认是水平方向,你也可以不设置)
android:orientation="horizontal"
核心代码2:每个组件中,添加上两个属性;
android:layout_width="0dp"
android:layout_weight="1"
使用案例4:垂直方向均分
思路:思路:首先使用垂直方向排列,将三个组件放入布局中;然后设置三个按钮的高度均为0dp、占比相等(相等指的是,可以同时为1,也可以同时为2,数字相同就是相等)
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<Button
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="0dp"
android:layout_weight="1"
android:text="水平按钮1" />
<Button
android:id="@+id/button2"
android:layout_height="0dp"
android:layout_width="wrap_content"
android:layout_weight="1"
android:text="水平按钮2" />
<Button
android:id="@+id/button3"
android:layout_width="wrap_content"
android:layout_height="0dp"
android:layout_weight="1"
android:text="水平按钮3" />
</LinearLayout>
核心代码1:整体线性布局设置为垂直方向
android:orientation="vertical"
核心代码2:由于在垂直方向均分,所有高度具体为多少不知道,将其设置为0dp,根据占比系统进行计算所得
android:layout_height="0dp"
android:layout_weight="1"
检测自己是否领会到该布局的使用方法
实现如下布局
观察特点:3行2列。
方法1:整体采用线性布局,设置方向为水平方向,嵌套两个线性布局,两个布局的宽度设置为0dp、占比为相等,实现水平均分。
第一个线性布局中,设置方向为垂直方向;放入三个组件,每个组件设置属性(宽度占满父容器、高度设置为0dp、占比设置为1);第二个线性布局也是同样的设置。
完整代码:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal">
<LinearLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:orientation="vertical">
<Button
android:id="@+id/button"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:text="水平按钮1" />
<Button
android:id="@+id/button2"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:text="水平按钮2" />
<Button
android:id="@+id/button3"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:text="水平按钮3" />
</LinearLayout>
<LinearLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:orientation="vertical">
<Button
android:id="@+id/button4"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:text="水平按钮4" />
<Button
android:id="@+id/button5"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:text="水平按钮5" />
<Button
android:id="@+id/button6"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:text="水平按钮6" />
</LinearLayout>
</LinearLayout>
同样的道理,还可以将整体线性布局设置为垂直方向,然后嵌套三个线性布局(红色标记),每个布局的宽度设置为占满,高度设置为0dp、占比设置为相等,实现垂直均分;然后再每个子线性布局中放入2个按钮,设置高度占满,宽度为0dp、占比相等,实现两个按钮水平均分(绿色标记),此处给出思考图,不再给出代码。