Android Studio | 页面布局_androidstudio布局界面案例

1、相对布局——RelativeLayout

相对布局是通过相对定位的方式让控件出现在布局任意位置。

如果不指定控件摆放的位置，控件都会被默认放在RelativeLayout的左上角。因此要先指定一个控件的位置，其他控件为该位置的相对位置。在相对布局里，id就显得尤为重要。

<?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"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
 
    <Button
        android:id="@+id/button"
        android:layout_width="138dp"
        android:layout_height="114dp"
        android:text="铅笔"
        android:textSize="30sp"
        app:backgroundTint="#673AB7" />
 
    <Button
        android:id="@+id/button4"
        android:layout_width="138dp"
        android:layout_height="114dp"
        android:layout_below="@id/button"
        android:layout_toRightOf="@id/button"
        android:text="橡皮"
        android:textSize="30sp"
        app:backgroundTint="#FF5722" />
 
    <Button
        android:id="@+id/button5"
        android:layout_width="138dp"
        android:layout_height="114dp"
        android:layout_below="@id/button4"
        android:text="尺子"
        android:textSize="30sp"
        app:backgroundTint="#673AB7" />
</RelativeLayout>

2、线性布局（LinearLayout）

线性布局的控件依次排序，谁也不会覆盖谁，横向(Android:orientation="horizontal")
或纵向(android:orientation="vertical")

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.and