網頁

2014年7月11日 星期五

3.RelativeLayout

RelativeLayout顧名思義就是相對位置的layout,這種layout中的元件需要設定所指定的元件才能進行排列,下面是RelativeLayout常用的功能。

  • android:layout_below:在所指定的元件下方
  • android:layout_above:在所指定的元件上方
  • android:layout_toLeftOf:在所指定的元件左方
  • android:layout_toRightOf:在所指定的元件右方
  • android:layout_alignTop:與所指定元件的上邊緣對齊
  • android:layout_alignBottom:與所指定元件的下邊緣對齊
  • android:layout_alignLeft:與所指定元件的左邊緣對齊
  • android:layout_alignRight:與所指定元件的右邊緣對齊
  • android:layout_alignBaseLine:與指定元件的文字在同一水平上
  • android:layout_alignParentRight:是否將此元件對齊於畫面右方的邊緣
  • android:layout_alignParentLeft:是否將此元件對齊於畫面右左方的邊緣
  • android:layout_alignParentTop:是否將此元件對齊於畫面上方的邊緣
  • android:layout_alignParentBottom:是否將此元件對齊於畫面下方的邊緣
  • android:layout_centerInParent:是否將此元件設定在畫面的正中間
  • android:layout_centerVertical:是否將此元件設定在畫面的垂直中間
  • android:layout_centerHorizontal:是否將此元件設定在畫面的水平中間

下面是RelativeLayout的xml範例和結果圖:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" > <TextView android:id="@+id/label" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="輸入帳號和密碼:" /> <EditText android:id="@+id/inputAccount" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@+id/label" android:hint="帳號" /> <EditText android:id="@+id/inputPassword" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@+id/inputAccount" android:hint="密碼" /> <Button android:id="@+id/btnCancel" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/inputPassword" android:layout_alignParentRight="true" android:layout_marginLeft="10px" android:text="取消" /> <Button android:id="@+id/btnLogin" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_toLeftOf="@+id/btnCancel" android:layout_alignTop="@+id/btnCancel" android:text="登入" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_centerHorizontal="true" android:text="註冊" /> </RelativeLayout>

沒有留言:

張貼留言