[Android開發學習25]介面布局之相對布局RelativeLayout

一、基礎知識:

[plain]
android:layout_above 將該控制項的底部至於給定ID的控制項之上 
android:layout_below 將該控制項的頂部至於給定ID的控制項之下 
android:layout_toLeftOf 將該控制項的右邊緣和給定ID的控制項的左邊緣對齊 
android:layout_toRightOf 將該控制項的左邊緣和給定ID的控制項的右邊緣對齊 
 
android:layout_alignBaseline 該控制項的baseline和給定ID的控制項的baseline對齊 
android:layout_alignBottom 將該控制項的底部邊緣與給定ID控制項的底部邊緣 
android:layout_alignLeft 將該控制項的左邊緣與給定ID控制項的左邊緣對齊 
android:layout_alignRight 將該控制項的右邊緣與給定ID控制項的右邊緣對齊 
android:layout_alignTop 將給定控制項的頂部邊緣與給定ID控制項的頂部對齊 
 
 
android:alignParentBottom 如果該值為true，則將該控制項的底部和父控制項的底部對齊 
android:layout_alignParentLeft 如果該值為true，則將該控制項的左邊與父控制項的左邊對齊 
android:layout_alignParentRight 如果該值為true，則將該控制項的右邊與父控制項的右邊對齊 
android:layout_alignParentTop 如果該值為true，則將空間的頂部與父控制項的頂部對齊 
 
android:layout_centerHorizontal 如果值為真，該控制項將被至於水平方向的中央 
android:layout_centerInParent 如果值為真，該控制項將被至於父控制項水平方向和垂直方向的中央 
android:layout_centerVertical 如果值為真，該控制項將被至於垂直方向的中央 

android:layout_above 將該控制項的底部至於給定ID的控制項之上
android:layout_below 將該控制項的頂部至於給定ID的控制項之下
android:layout_toLeftOf 將該控制項的右邊緣和給定ID的控制項的左邊緣對齊
android:layout_toRightOf 將該控制項的左邊緣和給定ID的控制項的右邊緣對齊

android:layout_alignBaseline 該控制項的baseline和給定ID的控制項的baseline對齊
android:layout_alignBottom 將該控制項的底部邊緣與給定ID控制項的底部邊緣
android:layout_alignLeft 將該控制項的左邊緣與給定ID控制項的左邊緣對齊
android:layout_alignRight 將該控制項的右邊緣與給定ID控制項的右邊緣對齊
android:layout_alignTop 將給定控制項的頂部邊緣與給定ID控制項的頂部對齊

android:alignParentBottom 如果該值為true，則將該控制項的底部和父控制項的底部對齊
android:layout_alignParentLeft 如果該值為true，則將該控制項的左邊與父控制項的左邊對齊
android:layout_alignParentRight 如果該值為true，則將該控制項的右邊與父控制項的右邊對齊
android:layout_alignParentTop 如果該值為true，則將空間的頂部與父控制項的頂部對齊

android:layout_centerHorizontal 如果值為真，該控制項將被至於水平方向的中央
android:layout_centerInParent 如果值為真，該控制項將被至於父控制項水平方向和垂直方向的中央
android:layout_centerVertical 如果值為真，該控制項將被至於垂直方向的中央
 

 

 

 

 

二、代碼展示:

1."Acticity_07\src\yan\acticity_07\MainActivity.java"

[java]
package yan.activity_07; 
 
import android.os.Bundle; 
import android.app.Activity; 
import android.view.Menu; 
 
public class MainActivity extends Activity { 
 
    @Override 
    protected void onCreate(Bundle savedInstanceState) { 
        super.onCreate(savedInstanceState); 
        setContentView(R.layout.activity_main); 
    } 
 
    @Override 
    public boolean onCreateOptionsMenu(Menu menu) { 
        // Inflate the menu; this adds items to the action bar if it is present.  
        getMenuInflater().inflate(R.menu.activity_main, menu); 
        return true; 
    } 
 
} 

package yan.activity_07;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;

public class MainActivity extends Activity {

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
 }

 @Override
 public boolean onCreateOptionsMenu(Menu menu) {
  // Inflate the menu; this adds items to the action bar if it is present.
  getMenuInflater().inflate(R.menu.activity_main, menu);
  return true;
 }

}

 

2.“Acticity_07\res\layout\activity_main.xml”

[html]
<?xml version="1.0" encoding="utf-8"?> 
    <!-- 
        android:layout_above 將該控制項的底部至於給定ID的控制項之上 
        android:layout_below 將該控制項的頂部至於給定ID的控制項之下 
        android:layout_toLeftOf 將該控制項的右邊緣和給定ID的控制項的左邊緣對齊 
        android:layout_toRightOf 將該控制項的左邊緣和給定ID的控制項的右邊緣對齊 
 
        android:layout_alignBaseline 該控制項的baseline和給定ID的控制項的baseline對齊 
        android:layout_alignBottom 將該控制項的底部邊緣與給定ID控制項的底部邊緣 
        android:layout_alignLeft 將該控制項的左邊緣與給定ID控制項的左邊緣對齊 
        android:layout_alignRight 將該控制項的右邊緣與給定ID控制項的右邊緣對齊 
        android:layout_alignTop 將給定控制項的頂部邊緣與給定ID控制項的頂部對齊 
 
 
        android:alignParentBottom 如果該值為true，則將該控制項的底部和父控制項的底部對齊 
        android:layout_alignParentLeft 如果該值為true，則將該控制項的左邊與父控制項的左邊對齊 
        android:layout_alignParentRight 如果該值為true，則將該控制項的右邊與父控制項的右邊對齊 
        android:layout_alignParentTop 如果該值為true，則將空間的頂部與父控制項的頂部對齊 
 
        android:layout_centerHorizontal 如果值為真，該控制項將被至於水平方向的中央 
        android:layout_centerInParent 如果值為真，該控制項將被至於父控制項水平方向和垂直方向的中央 
        android:layout_centerVertical 如果值為真，該控制項將被至於垂直方向的中央 
    --> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
                android:layout_width="fill_parent" 
                android:layout_height="wrap_content" 
                android:padding="10px" > 
 
    <TextView android:id="@+id/label"  
              android:layout_width="fill_parent"  
              android:layout_height="wrap_content"  
              android:text="Type here:" /> 
 
    <EditText android:id="@+id/entry"  
              android:layout_width="fill_parent"  
              android:layout_height="wrap_content"  
              android:background="@android:drawable/editbox_background" 
              android:layout_below="@id/label" /> 
   
    <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="10px" 
            android:text="OK" /> 
 
    <Button android:layout_width="wrap_content"  
            android:layout_height="wrap_content" 
            android:layout_toLeftOf="@id/ok" 
            android:layout_alignTop="@id/ok" 
            android:text="Cancel" /> 
</RelativeLayout> 

<?xml version="1.0" encoding="utf-8"?>
 <!--
  android:layout_above 將該控制項的底部至於給定ID的控制項之上
  android:layout_below 將該控制項的頂部至於給定ID的控制項之下
  android:layout_toLeftOf 將該控制項的右邊緣和給定ID的控制項的左邊緣對齊
  android:layout_toRightOf 將該控制項的左邊緣和給定ID的控制項的右邊緣對齊

  android:layout_alignBaseline 該控制項的baseline和給定ID的控制項的baseline對齊
  android:layout_alignBottom 將該控制項的底部邊緣與給定ID控制項的底部邊緣
  android:layout_alignLeft 將該控制項的左邊緣與給定ID控制項的左邊緣對齊
  android:layout_alignRight 將該控制項的右邊緣與給定ID控制項的右邊緣對齊
  android:layout_alignTop 將給定控制項的頂部邊緣與給定ID控制項的頂部對齊

  android:alignParentBottom 如果該值為true，則將該控制項的底部和父控制項的底部對齊
  android:layout_alignParentLeft 如果該值為true，則將該控制項的左邊與父控制項的左邊對齊
  android:layout_alignParentRight 如果該值為true，則將該控制項的右邊與父控制項的右邊對齊
  android:layout_alignParentTop 如果該值為true，則將空間的頂部與父控制項的頂部對齊

  android:layout_centerHorizontal 如果值為真，該控制項將被至於水平方向的中央
  android:layout_centerInParent 如果值為真，該控制項將被至於父控制項水平方向和垂直方向的中央
  android:layout_centerVertical 如果值為真，該控制項將被至於垂直方向的中央
 -->
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:padding="10px" >

    <TextView android:id="@+id/label"
              android:layout_width="fill_parent"
              android:layout_height="wrap_content"
              android:text="Type here:" />

    <EditText android:id="@+id/entry"
              android:layout_width="fill_parent"
              android:layout_height="wrap_content"
              android:background="@android:drawable/editbox_background"
              android:layout_below="@id/label" />
 
    <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="10px"
            android:text="OK" />

    <Button android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toLeftOf="@id/ok"
            android:layout_alignTop="@id/ok"
            android:text="Cancel" />
</RelativeLayout>

 

 

 

 

 

三、效果展示: