1.相对布局概念:
2.
3.子组件和布局容器之间的位置关系:
4.子组件和ID组件之间的位置关系:
5.图片:
6.代码示例:
<?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"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent">
<Button
android:id="@+id/but_1"
android:text="1"
android:layout_centerInParent="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
</Button>
<Button
android:id="@+id/but_2"
android:text="2"
android:layout_above="@+id/but_1"
android:layout_centerHorizontal="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
</Button>
<Button
android:id="@+id/but_3"
android:text="3"
android:layout_below="@id/but_1"
android:layout_centerHorizontal="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
</Button>
<Button
android:id="@+id/but_4"
android:text="4"
android:layout_toLeftOf="@id/but_1"
android:layout_centerVertical="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
</Button>
<Button
android:id="@+id/but_5"
android:text="5"
android:layout_toRightOf="@id/but_1"
android:layout_centerVertical="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
</Button>
<Button
android:id="@+id/but_6"
android:text="6"
android:layout_toLeftOf="@id/but_2"
android:layout_above="@id/but_4"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
</Button>
<Button
android:id="@+id/but_7"
android:text="7"
android:layout_toRightOf="@id/but_2"
android:layout_above="@id/but_5"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
</Button>
<Button
android:id="@+id/but_8"
android:text="8"
android:layout_toLeftOf="@id/but_3"
android:layout_below="@id/but_4"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
</Button>
<Button
android:id="@+id/but_9"
android:text="9"
android:layout_toRightOf="@id/but_3"
android:layout_below="@id/but_5"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
</Button>
<Button
android:id="@+id/but_10"
android:text="10"
android:layout_alignParentLeft="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
</Button>
<Button
android:id="@+id/but_11"
android:text="11"
android:layout_alignParentRight="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
</Button>
<Button
android:id="@+id/but_12"
android:text="12"
android:layout_toLeftOf="@id/but_4"
android:layout_centerVertical="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
</Button>
<Button
android:id="@+id/but_13"
android:text="13"
android:layout_toRightOf="@id/but_5"
android:layout_centerVertical="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
</Button>
<Button
android:id="@+id/but_14"
android:text="14"
android:layout_alignParentLeft="true"
android:layout_alignParentBottom="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
</Button>
<Button
android:id="@+id/but_15"
android:text="15"
android:layout_alignParentBottom="true"
android:layout_alignParentRight="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
</Button>
</RelativeLayout>