Android RelativeLayout

Android 的 RelativeLayout 可以指定子檢視如何彼此相對定位。每個檢視的位置可以被指定為相對於同級元素或相對於父檢視。

RelativeLayout 屬性

以下是RelativeLayout 具體的屬性：

使用RelativeLayout可以調整兩個元素右邊界或使一個下面跟著另一個檢視，居中於螢幕上，中心，左側等等。預設情況下，所有子檢視都在左上角的布局，所以必須定義使用RelativeLayout.LayoutParams和一些重要屬性的布局屬性，每個檢視的位置如下給出：

範例

這個例子將通過簡單的步驟顯示了如何建立Android應用程式使用相對布局。按照下面的步驟來建立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安裝的應用程式並啟動，如果設定和應用都沒有問題，它會顯示以下模擬器視窗：

 

---

• Android LinearLayout
• Android TableLayout