Android UI控制元件系列：RelativeLayout(相對佈局)

apkbus發表於2014-11-30
原文網址 : http://www.codeceo.com/article/android-ui-relativelayout.html
AndroidUI控制元件

RelativeLayout是一個在相對位置上顯示子View元素的VeiwGroup，一個檢視的位置,可以指定為相對於兄妹的元素（比如一個給定的與孫的左邊或者下邊）或者心愛那個對於RelativeLayout區域的位置（比如與底部對齊，剩下的中心）

一個RelativeLayout是一個非常強大使用的為設定使用者介面的佈局，因為它可以消除巢狀的檢視組ViewGroup，如過你發現你用了幾個巢狀的LinearLayout組，你可以替換為一個單獨的RelativeLayout

1、開始一個新的工程，名字叫做HelloRelativeLayout

2、開啟res/layout/main.xml檔案並且插入如下資訊

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
        <TextView
                android:id="@+id/label"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="Type here:"
    />
           <EditText
                   android:id="@+id/entry"
                   android:layout_width="fill_parent"
                   android:layout_height="wrap_content"
                   android:background="@android:drawable/editbox_background"
                   android:layout_below="@id/label"
    />
    <Button
            android:id="@+id/ok"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@id/entry"
            android:layout_alignParentRight="true"
            android:layout_marginLeft="10dip"
            android:text="OK"
    />
    <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toLeftOf="@id/ok"
            android:layout_alignTop="@id/ok"
            android:text="Cancel"
    />
</RelativeLayout>

3、注意到每一個android:layout_*屬性，比如layout_below,layout_alignParentRightRight，和layout_toLeftOf，當用一個RelativeLayout的時候，你可以用這些屬性來描述你想要的每個檢視View的位置，每一個這些屬性都定義一個不懂種類的相對位置，一些屬性用到同級檢視的資源ID來定義自己的相對位置。比如最後一個Button是被定義到位於被定義ID為ok的檢視的左邊和頂部對齊，所有的layout佈局屬性都被定義在RelativeLayout.LayoutParams中

4、現在開啟HelloLinearLayout.java並且確定它已經在onCreate()方法中載入了res/layout/main.xml佈局檔案

public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

5、你可以看到如下的佈局

相關文章