5.Android开发笔记:布局控件（一）

2.布局控件

2.1 LinearLayout

​ 又称作线性布局，是一种非常常用的布局。正如它的名字所描述的一样，这个布局会将它所包含的控件在线性方向上依次排列。

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

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textAllCaps="false"
        android:text="button1"
        />

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textAllCaps="false"
        android:text="button2"
        />
    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textAllCaps="false"
        android:text="button3"
        />
</LinearLayout>

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>