7.Android开发笔记:布局控件(二)RelativeLayout 相对布局
2.2 RelativeLayout
RelativeLayout
又称作相对布局,通过相对定位的方式让控件出现在布局的任何位置。也正因为如此,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">
<!--相对于RelativeLayout布局-->
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAllCaps="false"
android:text="button左上"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAllCaps="false"
android:text="button右上"
android:layout_alignParentRight="true"
android:layout_alignParentTop="true"/>
<Button android:id="@+id/rl_btn_mid"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAllCaps="false"
android:text="button中"
android:layout_centerInParent="true" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAllCaps="false"
android:text="button左下"
android:layout_alignParentLeft="true"
android:layout_alignParentBottom="true"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAllCaps="false"
android:text="button右下"
android:layout_alignParentRight="true"
android:layout_alignParentBottom="true"/>
<!--相对于控件 【button中(ID:rl_btn_mid】-->
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAllCaps="false"
android:text="相对于【button中(ID:rl_btn_mid)】的左上"
android:layout_toLeftOf="@+id/rl_btn_mid"
android:layout_above="@+id/rl_btn_mid"
/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAllCaps="false"
android:text="相对于【button中(ID:rl_btn_mid)】的右上"
android:layout_toRightOf="@+id/rl_btn_mid"
android:layout_above="@+id/rl_btn_mid"
/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAllCaps="false"
android:text="相对于【button中(ID:rl_btn_mid)】的左下"
android:layout_toLeftOf="@+id/rl_btn_mid"
android:layout_below="@+id/rl_btn_mid"
/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAllCaps="false"
android:text="相对于【button中(ID:rl_btn_mid)】的右下上"
android:layout_toRightOf="@+id/rl_btn_mid"
android:layout_below="@+id/rl_btn_mid"
/>
</RelativeLayout>