Android RelativeLayout
Android 的 RelativeLayout 可以指定子視圖如何彼此相對定位。每個視圖的位置可以被指定為相對於同級元素或相對於父視圖。
RelativeLayout 屬性
以下是RelativeLayout 具體的屬性:
屬性 | 描述 |
---|---|
android:id | 這是布局的唯一標識ID。 |
android:gravity | 這指定對象應該如何定位它的內容,無論是X軸和Y軸。可能的值是top, bottom, left, right, center, center_vertical, center_horizontal等。 |
android:ignoreGravity | 這表示什麼視圖應該不受到重力影響。 |
使用RelativeLayout可以調整兩個元素右邊界或使一個下麵跟著另一個視圖,居中於屏幕上,中心,左側等等。默認情況下,所有子視圖都在左上角的布局,所以必須定義使用RelativeLayout.LayoutParams和一些重要屬性的布局屬性,每個視圖的位置如下給出:
屬性 | 描述 |
---|---|
android:layout_above | 位置上麵給定錨點視圖ID此視圖的底部邊緣,必須引用另一個資源,在形式 "@[+][package:]type:name" |
android:layout_alignBottom | 使得此視圖的底部邊緣匹配給定的錨點視圖ID的底邊和必須是引用到另一個資源,在形式 "@[+][package:]type:name". |
android:layout_alignLeft | 使得此視圖的左邊緣匹配給定的錨點視圖ID的左邊緣,並且必須是一個參考到另一個資源,在形式 "@[+][package:]type:name". |
android:layout_alignParentBottom | 如果為true,使得此視圖的底邊緣相匹配的父的底部邊緣。必須是一個布爾值,要麼“true”或“false”。 |
android:layout_alignParentEnd | 如果為true,使得此視圖的端部邊緣相匹配的父的端部邊緣。必須是一個布爾值,要麼“true”或“false”。 |
android:layout_alignParentLeft | 如果為true,使得此視圖的左邊緣匹配父的左邊緣。必須是一個布爾值,要麼“true”或“false”。 |
android:layout_alignParentRight | 如果為true,使得此視圖的右邊緣匹配父的右邊緣。必須是一個布爾值,要麼“true”或“false”。 |
android:layout_alignParentStart | 如果為true,使得此視圖開始邊緣匹配父的開始邊緣。必須是一個布爾值,要麼“true”或“false”。 |
android:layout_alignParentTop | 如果為true,使得此視圖的頂部邊緣相匹配的父的頂部邊緣。必須是一個布爾值,要麼“true”或“false”。 |
android:layout_alignRight | 使得此視圖的右邊緣匹配給定的錨點視圖ID的右邊緣,並且必須是一個引用另一個資源,在形式 "@[+][package:]type:name". |
android:layout_alignStart | 使得此視圖開始邊緣的匹配給定的錨點視圖ID開始邊緣,必須引用另一個資源,在表格 "@[+][package:]type:name". |
android:layout_alignTop | 使得此視圖的頂部邊緣匹配給定的錨點視圖ID的頂邊緣,並且必須是一個引用到另一個資源,在形式 "@[+][package:]type:name". |
android:layout_below | 定位此視圖低於給定錨點視圖ID的頂邊緣,並且必須是一個引用到另一個資源,在形式 "@[+][package:]type:name". |
android:layout_centerHorizontal | 如果為true,中心這個子視圖水平在其父之內。必須是一個布爾值,要麼“true”或“false”。 |
android:layout_centerInParent | 如果為true,使此子視圖中心水平和垂直其父之內。必須是一個布爾值,要麼“true”或“false”。 |
android:layout_centerVertical | 如果為true,該中心子垂直在其父之內。必須是一個布爾值,要麼“true”或“false”。 |
android:layout_toEndOf | 此視圖給定錨點視圖ID結束邊緣位置,必須引用另一個資源,在格式 "@[+][package:]type:name". |
android:layout_toLeftOf | 此視圖給定錨點視圖ID的左邊的右邊位置,必須做個參考其他資源,在形式 "@[+][package:]type:name". |
android:layout_toRightOf | 定位此視圖為給定的錨點視圖ID的右左邊緣和必須是引用到另一個資源,在形式 "@[+][package:]type:name". |
android:layout_toStartOf | 定位此視圖為給定的錨點視圖ID的開始的端部邊緣,並且必須是一個引用到另一個資源,在形式 "@[+][package:]type:name". |
示例
這個例子將通過簡單的步驟顯示了如何創建Android應用程序使用相對布局。按照下麵的步驟來創建Android應用程序示例:
步驟 | 描述 |
---|---|
1 | 使用Eclipse IDE創建Android應用程序,在包 com.yiibai.relativelayout 下創建一個應用示例項目:RelativeLayout |
2 | 修改 res/layout/activity_main.xml 文件的默認內容以包括幾個部件在相對布局。 |
3 | 定義所需的常量在 res/values/strings.xml 文件中 |
4 | 運行該應用程序後啟動Android模擬器並驗證應用程序的結果。 |
以下是內容修改主activity文件 src/com.yiibai.helloworld/MainActivity.java。這個文件可以包括每個生命周期的基本方法。
package com.example.helloworld; import java.text.SimpleDateFormat; import java.util.Calendar; import java.util.Date; import android.os.Bundle; import android.app.Activity; import android.text.format.DateFormat; import android.view.Menu; import android.widget.TextView; public class MainActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); SimpleDateFormat dateFormat = new SimpleDateFormat("yyyy/MM/dd"); Date date = new Date(); String nowDate = dateFormat.format(date); TextView dateView = (TextView)findViewById(R.id.dates); dateView.setText(nowDate); SimpleDateFormat timeFormat = new SimpleDateFormat("HH:mm:ss"); String nowTime = timeFormat.format(date); TextView timeView = (TextView)findViewById(R.id.times); timeView.setText(nowTime); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; getMenuInflater().inflate(R.menu.main, menu); return true; } }
res/layout/activity_main.xml 文件的內容如下:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:paddingLeft="16dp" android:paddingRight="16dp" > <EditText android:id="@+id/name" android:layout_width="fill_parent" android:layout_height="wrap_content" android:hint="@string/reminder" /> <TextView android:id="@+id/dates" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_below="@id/name" android:layout_alignParentLeft="true" android:layout_toLeftOf="@+id/times" /> <TextView android:id="@id/times" android:layout_width="96dp" android:layout_height="wrap_content" android:layout_below="@id/name" android:layout_alignParentRight="true" /> <Button android:layout_width="96dp" android:layout_height="wrap_content" android:layout_below="@id/times" android:layout_centerInParent="true" android:text="@string/done" /> </RelativeLayout>
res/values/strings.xml 文件的內容中定義兩個常量:
<?xml version="1.0" encoding="utf-8"?> <resources> <string name="app_name">RelativeLayout</string> <string name="action_settings">Settings</string> <string name="reminder">Enter your name</string> <string name="done">Done</string> </resources>
讓我們嘗試運行 RelativeLayout 應用程序,假設創建了AVD並同時設置好環境。從Eclipse中打開項目,在活動文件中運行應用程序,然後從Eclipse的工具欄上單擊圖標 “Run” 運行。 Eclipse AVD安裝的應用程序並啟動,如果設置和應用都冇有問題,它會顯示以下模擬器窗口: