Android线性布局与相对布局的实现

线性布局（LinearLayout）

练习代码

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="match_parent"
   android:orientation="vertical"
   android:layout_height="match_parent">

<LinearLayout
       android:id="@+id/ll_1"
       android:layout_width="200dp"
       android:layout_height="200dp"
       android:orientation="vertical"
       android:background="#000000"
       android:paddingLeft="20dp"
       android:paddingRight="20dp"
       android:paddingTop="50dp"
       android:paddingBottom="10dp">

<View
           android:layout_width="match_parent"
           android:layout_height="match_parent"
           android:background="#FF0033"/>

</LinearLayout>

<LinearLayout
       android:layout_width="match_parent"
       android:layout_height="200dp"
       android:orientation="horizontal"
       android:background="#0066FF"
       android:layout_marginTop="20dp"
       android:layout_marginLeft="15dp"
       android:layout_marginRight="15dp">

<View
           android:layout_width="0dp"
           android:layout_height="match_parent"
           android:background="#000000"
           android:layout_weight="1"/>
       <View
           android:layout_width="0dp"
           android:layout_height="match_parent"
           android:background="#FF0033"
           android:layout_weight="1"/>
       <View
           android:layout_width="0dp"
           android:layout_height="match_parent"
           android:background="#55AA99"
           android:layout_weight="1"/>

</LinearLayout>

</LinearLayout>

实现效果

相对布局（RelativeLayout）

最常用属性

样例效果

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="match_parent"
   android:layout_height="match_parent">

<View
       android:id="@+id/view_1"
       android:layout_width="100dp"
       android:layout_height="100dp"
       android:background="#000000" />

<View
       android:id="@+id/view_2"
       android:layout_width="100dp"
       android:layout_height="100dp"
       android:layout_below="@id/view_1"
       android:background="#FF0033" />

<LinearLayout
       android:id="@+id/ll_1"
       android:layout_width="match_parent"
       android:layout_height="200dp"
       android:layout_below="@id/view_2"
       android:background="#0066FF"
       android:orientation="horizontal"
       android:padding="15dp">

<View
           android:layout_width="100dp"
           android:layout_height="match_parent"
           android:background="#FF0033" />

<RelativeLayout
           android:layout_width="match_parent"
           android:layout_height="match_parent"
           android:background="#000000"
           android:padding="15dp">

<View
               android:id="@+id/view_3"
               android:layout_width="100dp"
               android:layout_height="match_parent"
               android:background="#FF9900"/>
           <View
               android:id="@+id/view_4"
               android:layout_width="100dp"
               android:layout_height="match_parent"
               android:background="#FF9900"
               android:layout_toRightOf="@id/view_3"
               android:layout_marginLeft="10dp"/>

</RelativeLayout>
   </LinearLayout>

</RelativeLayout>

实现效果

来源：https://blog.csdn.net/qq_44833724/article/details/122921579