Android ApiDemos示例解析(152):Views->Layouts->RelativeLayout->2.Simple Form

本例和前面LinearLayout 的示例Android ApiDemos示例解析(145):Views->Layouts->LinearLayout->5.Simple Form 實現同樣的功能構造一個輸入表單,但本例使用的是RelativeLayout佈局。 實際開發時可以自行決定使用哪種佈局。

<RelativeLayout xmlns:android=”http://schemas.android.com/apk/res/android”
android:layout_width=”match_parent”
android:layout_height=”wrap_content”
android:background=”@drawable/blue”
android:padding=”10dip”>

<!–
TextView goes at the top left by default .
–>
<TextView
android:id=”@+id/label”
android:layout_width=”match_parent”
android:layout_height=”wrap_content”
android:text=”@string/relative_layout_2_instructions”/>

<!–
Put the EditText field under the TextView
Also give it a standard background (the “android:”
part in @android:drawable/editbox_background
means it is system resource rather than
an application resource.
–>
<EditText
android:id=”@+id/entry”
android:layout_width=”match_parent”
android:layout_height=”wrap_content”
android:background=”@android:drawable/editbox_background”
android:layout_below=”@id/label”/>

<!–
The OK button goes below the EditText field.
It is also aligned to the right edge of the parent
(respecting the parent’s padding).
The OK button comes first so the Cancel button
can be specified relative to the OK button.
–>
<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=”@string/relative_layout_2_ok” />

<!–
The Cancel button is aligned with the top of
the OK button and positioned to the left of it.
Since the OK button has a left margin of 10, there
is some space between the two buttons.
–>
<Button
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:layout_toLeftOf=”@id/ok”
android:layout_alignTop=”@id/ok”
android:text=”@string/relative_layout_2_cancel” />

</RelativeLayout>

RelativeLayout 支持的佈局屬性有如下幾種:

layout_above: 將本View的底邊放在指定的view的上面。
layout_alignBaseline: 將本View的baseline和指定的View的Baseline對齊。
layout_alignBottom: 將本View的底邊和指定的View底部對齊。
layout_alignLeft: 將本View和指定View左邊對齊。
layout_alignParentBottom: 將本View和父容器底部對齊。
Layout_alignParentLeft:將本View和父容器左邊對齊。
layout_alignParentRight: 將本View和父容器右邊對齊。
Layout_alignParentTop:將本View和父容器頂部對齊。
layout_alignRight: 將本View和指定View右邊對齊。
layout_alignTop: 將本View和指定View頂部對齊。
layout_alignWithParentIfMissing: 為True時,如果View指定的toLeftOf 或toRightOf 找不到時,使用父容器作為替代物。
layout_below: 將本View放在指定View的下面。
layout_centerHorzontal: 為true時,將此View在父容器中水平居中。
layout_centerInParent: 為true時,將此View在父容器中水平和垂直都居中。
layout_centerVertical: 為true時,將此View在父容器中垂直居中。
layout_toLeftOf: 將此View放在指定View的左邊
layout_toRightOf: 將此View放在指定View的右邊。


 

發佈留言