[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，則將空間的頂部與父控件的頂部對齊

二、代碼展示:

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" >

三、效果展示:

Related posts:

發佈留言 取消回覆

發佈留言取消回覆