Android Layout 之 RelativeLayout RelativeLayout.LayoutParams

大家好，又见面了，我是你们的朋友全栈君。Android Layout 之 RelativeLayout

使用 AbsoluteLayout 可以直接指定其子 View 的绝对位置，这种布局方式虽然简单，但是不够灵活。比如在一个程序中，按钮2 位于按钮1 的下方且和按钮1 左对齐，我们可以使用指定两个按钮的绝对位置的方式布局，但是当布局完成后，由于某些原因，这两个按钮需要相左平移一些距离以便在父 View 右边留出一些空白区域，那么我们就需要同时修改按钮1 和按钮2 的 layout params。如果布局更复杂一些呢？这样“牵一发而动全身”的布局模式恐怕不是那么友好吧？

RelativeLayout，顾名思义，就是以“相对”位置/对齐为基础的布局方式。android.widget.RelativeLayout 有个继承自android.view.ViewGroup.LayoutParams 的内嵌类 LayoutParams，使用这个类的实例调用 RelativeLayout.addView 就可以实现“相对布局”。

android.widget.RelativeLayout.LayoutParams 有一个构造函数：RelativeLayout.LayoutParams(int w, int h)，参数指定了子 View 的宽度和高度，这一点和其父类是一样的。而实现相对布局的关键在它的两个 addRule 方法上。anchor 参数指定可以是 View 的 id(“相对于谁”)、RelativeLayout.TRUE（启用某种对齐方式）或者是-1（应用于某些不需要 anchor 的 verb）；AddRule 方法的 verb 参数指定相对的“动作”（以下常量均定义于 android.widget.RelativeLayout中，为了简便不给出其全名）：

ALIGN_BOTTOM、ALIGN_LEFT、 ALIGN_RIGHT、 ALIGN_TOP：本 View 的底边/左边/右边/顶边和 anchor 指定的 View 的底边/左边/右边/顶边对齐。

ALIGN_WITH_PARENT_BOTTOM 、ALIGN_WITH_PARENT_LEFT 、 ALIGN_WITH_PARENT_RIGHT 、 ALIGN_WITH_PARENT_TOP ：和上面一组常量类似，只不过不需要再指定 anchor，其 anchor 自动为 Parent View。

CENTER_HORIZONTAL、CENTER_IN_PARENT 、CENTER_VERTICAL ：如果 anchor 为 TRUE，在 Parent 中水平居中/水平和垂直均居中/垂直居中。

POSITION_ABOVE 、POSITION_BELOW 、 POSITION_TO_LEFT 、POSITION_TO_RIGHT ：本 View 位于 anchor 指定的 View 的上边/下边/左边/右边。

看一个例子：

[java] view plaincopy

package com.farproc.RLTest;

import android.app.Activity;

import android.os.Bundle;

import android.widget.*;

import android.view.*;

public class RLTest extends Activity {

private RelativeLayout rl;

private Button btn1;

private Button btn2;

private Button btn3;

private Button btn4;

private static final int ID_BTN1 = 1;

private static final int ID_BTN2 = 2;

private static final int ID_BTN3 = 3;

private static final int ID_BTN4 = 4;

/** Called when the activity is first created. */

@Override

public void onCreate(Bundle icicle) {

super.onCreate(icicle);

rl = new RelativeLayout(this);

btn1 = new Button(this);

btn1.setText(“———————-“);

btn1.setId(ID_BTN1);

RelativeLayout.LayoutParams lp1 = new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);

lp1.addRule(RelativeLayout.ALIGN_WITH_PARENT_TOP);

lp1.addRule(RelativeLayout.CENTER_HORIZONTAL, RelativeLayout.TRUE);

// btn1 位于父 View 的顶部，在父 View 中水平居中

rl.addView(btn1, lp1 );

btn2 = new Button(this);

btn2.setText(“|\n|\n|\n|\n|\n|”);

btn2.setId(ID_BTN2);

RelativeLayout.LayoutParams lp2 = new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);

lp2.addRule(RelativeLayout.POSITION_BELOW, ID_BTN1);

lp2.addRule(RelativeLayout.ALIGN_LEFT, ID_BTN1);

// btn2 位于 btn1 的下方、其左边和 btn1 的左边对齐

rl.addView(btn2, lp2);

btn3 = new Button(this);

btn3.setText(“|\n|\n|\n|\n|\n|”);

btn3.setId(ID_BTN3);

RelativeLayout.LayoutParams lp3 = new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);

lp3.addRule(RelativeLayout.POSITION_BELOW, ID_BTN1);

lp3.addRule(RelativeLayout.POSITION_TO_RIGHT, ID_BTN2);

lp3.addRule(RelativeLayout.ALIGN_RIGHT, ID_BTN1);

// btn3 位于 btn1 的下方、btn2 的右方且其右边和 btn1 的右边对齐（要扩充）

rl.addView(btn3,lp3);

btn4 = new Button(this);

btn4.setText(“——————————————–“);

btn4.setId(ID_BTN4);

RelativeLayout.LayoutParams lp4 = new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);

lp4.addRule(RelativeLayout.POSITION_BELOW, ID_BTN2);

lp4.addRule(RelativeLayout.CENTER_HORIZONTAL, RelativeLayout.TRUE);

// btn4 位于 btn2 的下方，在父 Veiw 中水平居中

rl.addView(btn4,lp4);

setContentView(rl);

}

}

注意：

一个控件与其对应的LayoutParams是绑定在一起的。将控件加入到布局中后，改变其LayoutParams仍对这个控件起作用。

例如代码：

[java] view plaincopy

package my.test.userLayout;

import android.content.Context;

import android.util.AttributeSet;

import android.widget.RelativeLayout;

import android.widget.TextView;

public class LyricRoll extends RelativeLayout {

private Context context = null;

public LyricRoll(Context context) {

super(context);

this.context = context;

init();

}

public LyricRoll(Context context, AttributeSet attr) {

super(context, attr);

this.context = context;

init();

}

public LyricRoll(Context context, AttributeSet attr, int i) {

super(context, attr, i);

this.context = context;

init();

}

private void init(){

RelativeLayout.LayoutParams lp = new RelativeLayout.LayoutParams(

LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);

TextView txv = new TextView(context);

txv.setId(1);

txv.setText(“txv1”);

TextView txv2 = new TextView(context);

txv2.setId(2);

txv2.setText(“txv2”);

lp.addRule(RelativeLayout.CENTER_HORIZONTAL,RelativeLayout.TRUE);

this.addView(txv, lp);

lp.addRule(RelativeLayout.BELOW,1);

RelativeLayout.LayoutParams lp2 = new RelativeLayout.LayoutParams(

LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);

lp2.addRule(RelativeLayout.BELOW,1);