Android 自学之相对布局 RelativeLayout

相对布局(RelativeLayout),相对布局容器内子组件的位置总是相对兄弟组件、父容器来决定的。

RelativeLayout的XML属性及相关方法说明

XML属性	相关方法	说明
android：gravity	setGravity(int)	设置该布局容器内部各子组件的对齐方式
android：ignoreGravity	setIgnoreGravity(int)	设置那个组件不受Gravity的影响

RelativeLayout.LayoutParams里只能设为boolean值的属性：

　　android:layout_centerHrizontal 水平居中
　　android:layout_centerVertical 垂直居中
　　android:layout_centerInparent 相对于父元素完全居中
　　android:layout_alignParentBottom 贴紧父元素的下边缘
　　android:layout_alignParentLeft 贴紧父元素的左边缘
　　android:layout_alignParentRight 贴紧父元素的右边缘
　　android:layout_alignParentTop 贴紧父元素的上边缘
　　android:layout_alignWithParentIfMissing 如果对应的兄弟元素找不到的话就以父元素做参照物

RelativeLayout.LayoutParams里只能设为其他UI组件ID的属性：

android:layout_below 在某元素的下方
android:layout_above 在某元素的的上方
android:layout_toLeftOf 在某元素的左边
android:layout_toRightOf 在某元素的右边
android:layout_alignTop 本元素的上边缘和某元素的的上边缘对齐
android:layout_alignLeft 本元素的左边缘和某元素的的左边缘对齐
android:layout_alignBottom 本元素的下边缘和某元素的的下边缘对齐
android:layout_alignRight 本元素的右边缘和某元素的的右边缘对齐

除了这些，RelativeLayout.LayoutParams还继承了android.view.ViewGroup.MarginLayoutParams,所以RelativeLayout布局容器中每个组件也可以指定android.view.ViewGroup.MarginLayoutParams所支持的XML属性。

下面有个用相对布局编写的范例：

layout/main.xml

 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

     xmlns:tools="http://schemas.android.com/tools"

     android:layout_width="fill_parent"

     android:layout_height="fill_parent">

     <!-- 定义该组件位于父容器中间 -->

     <TextView android:id="@+id/view01"

         android:layout_width="wrap_content"

         android:layout_height="wrap_content"

         android:background="@drawable/leaf"

         android:layout_centerInParent="true"/><!-- 组件居中：android:layout_centerInParent="true" -->

     <!-- 定义该组件位于view01组件的上方 -->

     <TextView

         android:id="@+id/view02"

         android:layout_width="wrap_content"

         android:layout_height="wrap_content"

         android:background="@drawable/leaf"

         android:layout_above="@id/view01"

         android:layout_alignLeft="@id/view01"

         />

     <!-- 定义该组件位于view01组件的下方 -->

     <TextView

         android:id="@+id/view03"

         android:layout_width="wrap_content"

         android:layout_height="wrap_content"

         android:background="@drawable/leaf"

         android:layout_below="@id/view01"

         android:layout_alignLeft="@id/view01"

         />

     <!-- 定义该组件位于view01组件的左边 -->

     <TextView

         android:id="@+id/view04"

         android:layout_width="wrap_content"

         android:layout_height="wrap_content"

         android:background="@drawable/leaf"

         android:layout_toLeftOf="@id/view01"

         android:layout_alignTop="@id/view01"

         />

     <!-- 定义该组件位于view01组件的右边 -->

     <TextView

         android:id="@+id/view05"

         android:layout_width="wrap_content"

         android:layout_height="wrap_content"

         android:background="@drawable/leaf"

         android:layout_toRightOf="@id/view01"

         android:layout_alignTop="@id/view01"

         />        

 </RelativeLayout>

com.example.relativelayouttest.MainActivity.java主程序

package com.example.relativelayouttest;

import android.support.v7.app.ActionBarActivity;

import android.support.v7.app.ActionBar;

import android.support.v4.app.Fragment;

import android.os.Bundle;

import android.view.LayoutInflater;

import android.view.Menu;

import android.view.MenuItem;

import android.view.View;

import android.view.ViewGroup;

import android.os.Build;

public class MainActivity extends ActionBarActivity {

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.main);
        //setPadding相当于css里面的padding

        findViewById(R.id.view01).setPadding(5, 5 , 5 , 5);

        findViewById(R.id.view02).setPadding(5, 5 , 5 , 5);

        findViewById(R.id.view03).setPadding(5, 5 , 5 , 5);

        findViewById(R.id.view04).setPadding(5, 5 , 5 , 5);

        findViewById(R.id.view05).setPadding(5, 5 , 5 , 5);

    }

}

秒客网

Android 自学之相对布局 RelativeLayout

相关文章