Trong Relative Layout, vị trí của mỗi view con sẽ được xác định so với các view khác hoặc so với thành phần cha của chúng (thông qua id). Bạn có thể sắp xếp view sang bên phải, bên dưới một view khác, giữa màn hình, …. Để xác định thuộc tính cho mỗi view, bạn có thể sử dụng các thuộc tính có sẳn từ RelativeLayout.LayoutParams.
Mô tả một vài thuộc tính:
android:layout_alignParentTop
– Nếu “true”, cạnh trên của View sẽ trùng với cạnh trên của thành phần cha.
android:layout_centerVertical
– Nếu “true”, View này sẽ được xếp vào giữa theo chiều dọc của thành phần cha.
android:layout_below
– View sẽ nằm dưới một view khác, và xác định view đó qua id.
android:layout_toRightOf
– View sẽ nẳm bên phải so với một View khác.
Khai báo Relative Layout
Ví dụ về một Relative Layout:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" >
<EditText
android:id="@+id/txtUsername"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:hint="Username"
android:inputType="text" />
<EditText
android:id="@+id/txtPassword"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_below="@id/txtUsername"
android:hint="Password"
android:inputType="textPassword"
android:layout_marginBottom="10dp" />
<Button
android:id="@+id/btnLogin"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="@id/txtPassword"
android:layout_centerHorizontal="false"
android:layout_centerInParent="false"
android:layout_centerVertical="false"
android:layout_marginRight="10dp"
android:background="#FFD57D"
android:text="Login" />
<Button
android:id="@+id/btnClear"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="false"
android:layout_alignTop="@id/btnLogin"
android:layout_toRightOf="@id/btnLogin"
android:background="#FF9900"
android:text="Clear" />
<!-- btnGoHome position relative to parent layout -->
<Button
android:id="@+id/btnGoHome"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:background="#319DEA"
android:paddingLeft="10dp"
android:paddingRight="10dp"
android:text="Go to Home Page"
android:textColor="#FFFFFF" />
</RelativeLayout>
Với thiết kế này, chúng ta có kết quả như sau:
Bảng danh sách các thuộc tính canh phần tử xuất hiện như thế nào so với các phần tử khác được liệt kê phía sau:
|
Source code của ví dụ minh họa
[sociallocker id=”444″]Download[/sociallocker]
