Android使用代码实现RelativeLayout，LinearLayout布局

Android使用代码实现RelativeLayout，LinearLayout布局

一、RelativeLayout布局

RelativeLayoutrl=newRelativeLayout(this);
Buttonbtn1=newButton(this);
btn1.setText("----------------------");
btn1.setId(1);
RelativeLayout.LayoutParamslp1=newRelativeLayout.LayoutParams
(ViewGroup.LayoutParams.WRAP_CONTENT,ViewGroup.LayoutParams.WRAP_CONTENT);
lp1.addRule(RelativeLayout.ALIGN_PARENT_TOP);
lp1.addRule(RelativeLayout.CENTER_HORIZONTAL,RelativeLayout.TRUE);
//btn1位于父View的顶部，在父View中水平居中
rl.addView(btn1,lp1);
Buttonbtn2=newButton(this);
btn2.setText("|\n|\n|\n|\n|\n|");
btn2.setId(2);
RelativeLayout.LayoutParamslp2=newRelativeLayout.LayoutParams
(ViewGroup.LayoutParams.WRAP_CONTENT,ViewGroup.LayoutParams.WRAP_CONTENT);
lp2.addRule(RelativeLayout.BELOW,1);
lp2.addRule(RelativeLayout.ALIGN_LEFT,1);
//btn2位于btn1的下方、其左边和btn1的左边对齐
rl.addView(btn2,lp2);
Buttonbtn3=newButton(this);
btn3.setText("|\n|\n|\n|\n|\n|");
btn3.setId(3);
RelativeLayout.LayoutParamslp3=newRelativeLayout.LayoutParams
(ViewGroup.LayoutParams.WRAP_CONTENT,ViewGroup.LayoutParams.WRAP_CONTENT);
lp3.addRule(RelativeLayout.BELOW,1);
lp3.addRule(RelativeLayout.RIGHT_OF,2);
lp3.addRule(RelativeLayout.ALIGN_RIGHT,1);
//btn3位于btn1的下方、btn2的右方且其右边和btn1的右边对齐（要扩充）
rl.addView(btn3,lp3);
Buttonbtn4=newButton(this);
btn4.setText("--------------------------------------------");
btn4.setId(4);
RelativeLayout.LayoutParamslp4=newRelativeLayout.LayoutParams
(ViewGroup.LayoutParams.WRAP_CONTENT,ViewGroup.LayoutParams.WRAP_CONTENT);
lp4.addRule(RelativeLayout.BELOW,2);
lp4.addRule(RelativeLayout.CENTER_HORIZONTAL,RelativeLayout.TRUE);
//btn4位于btn2的下方，在父Veiw中水平居中
rl.addView(btn4,lp4);
setContentView(rl);

其实这个LayoutParams类是用于child view（子视图）向 parent view（父视图）传达自己的意愿的一个东西（孩子想变成什么样向其父亲说明）其实子视图父视图可以简单理解成
一个LinearLayout 和这个LinearLayout里边一个 TextView 的关系 TextView 就算LinearLayout的子视图 child view 。需要注意的是LayoutParams只是ViewGroup的一个内部类这里边这个也就是ViewGroup里边这个LayoutParams类是 base class 基类实际上每个不同的ViewGroup都有自己的LayoutParams子类

比如LinearLayout 也有自己的 LayoutParams 大家打开源码看几眼就知道了。

[html] view plain copy

//创建一个线性布局
privateLinearLayoutmLayout;
mLayout=(LinearLayout)findViewById(R.id.layout);
//现在我要往mLayout里边添加一个TextView
//你可能会想直接在布局文件里边配置不就O了那是但是这里为了说明问题我们用代码实现
TextViewtextView=newTextView(Activity01.this);
textView.setText("TextView");
//这里请不要困惑这里是设置这个textView的布局FILL_PARENTWRAP_CONTENT和在xml文件里边设置是一样的如
/**<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="TextView"/>*/
//在xml里边怎么配置高宽大家都会的。
//第一个参数为宽的设置，第二个参数为高的设置。
LinearLayout.LayoutParamsp=newLinearLayout.LayoutParams(
LinearLayout.LayoutParams.FILL_PARENT,
LinearLayout.LayoutParams.WRAP_CONTENT
);
//调用addView()方法增加一个TextView到线性布局中
mLayout.addView(textView,p);
//比较简单的一个例子

如果还不能理解下边在来一段直白的说明：
LayoutParams继承于Android.View.ViewGroup.LayoutParams.
LayoutParams相当于一个Layout的信息包，它封装了Layout的位置、高、宽等信息。假设在屏幕上一块区域是由一个Layout占领的，如果将一个View添加到一个Layout中，最好告诉Layout用户期望的布局方式，也就是将一个认可的layoutParams传递进去。
可以这样去形容LayoutParams，在象棋的棋盘上，每个棋子都占据一个位置，也就是每个棋子都有一个位置的信息，如这个棋子在4行4列，这里的“4行4列”就是棋子的LayoutParams。
但LayoutParams类也只是简单的描述了宽高，宽和高都可以设置成三种值：
1，一个确定的值；
2，FILL_PARENT，即填满（和父容器一样大小）；
3，WRAP_CONTENT，即包裹住组件就好。
在ANDROID开发中，有时候我们需要在后台动态添加布局文件，这里我们来说一下后台添加LinerLayout布局和RelativeLayout文件的方式：

二、LinearLayout布局

故名思义，线性布局，组件以垂直或水平方向线性排列。android.widget.LinearLayout有个继承自android.view.ViewGroup.LayoutParams 的内嵌类LayoutParams，使用这个类的实例调用 LinearLayout.addView就可以实现“线性布局”。

首先我们需要定义一个LinearLayout的布局参数params,如下：

方式一：指定高、宽

LinearLayout.LayoutParamsparams=newLinearLayout.LayoutParam(LayoutParams.FILL_PARENT,LayoutParams.WRAP_CONTENT)

方式二：指定高、宽、权重

LinearLayout.LayoutParamsparams=newLinearLayout.LayoutParam(LayoutParams.FILL_PARENT,LayoutParams.WRAP_CONTENT，weight)

其中LayoutParams中的两个参数分别为：子控件的高、宽。

通过设定LinearLayout.LayoutParams.gravity=Gravity.NO_GRAVITY/Gravity.TOP/Gravity.BOTTOM/Gravity.LEFT/Gravity.RIGHT

用来指定设置组件相对于容器本身的位置了。通过addView(child, params)增加子控件。

RelativeLayout布局：

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

首先我们需要定义一个RelativeLayout的布局参数relLayoutParams，如下：

RelativeLayout.LayoutParamsrelLayoutParams=newRelativeLayout.LayoutParam(LayoutParams.FILL_PARENT,LayoutParams.WRAP_CONTENT)

其中LayoutParams中两个参数分别为：子控件的宽(width)，子控件的高(height),除了可以为LayoutParams.FILL_PARENT(android.view.ViewGroup.LayoutParams)等系统常量外还可以是数值，比如400;

下面这里就是重点了：

通过LayoutParams的addRule方法来额外的添加别的规则了，android.widget.RelativeLayout.LayoutParams.addRule(intverb, int anchor)，

其中anchor参数指定可以是View 的id(“相对于谁”)、RelativeLayout.TRUE（启用某种对齐方式）或者是-1（应用于某些不需要anchor 的 verb)[因为 RelativeLayout.TRUE的值为 -1，所以-1或者RelativeLayout.TRUE都是可以的]、是0（不启用这个规则）

其中verb参数指定相对的“动作”；

（1）如果是相对于父控件的相对布局的话anchor参数可以不用或者设置为-1或者RelativeLayout.TRUE ，

（2）如果是相对于级别和自己同一级的控件的话参数设置应该是 view 的id ,

（3）如果参数设置为 0的话，则表示这个规则不会运用到该控件的布局中，当是相对于本身的父控件的时候这个参数可以省略。

比如：

relLayoutParams.addRule(RelativeLayout.ABOVE,imageViewId.getId())

子控件相对于控件：imageViewId在其的上面

relLayoutParams.addRule(RelativeLayout.BELOW,imageViewId.getId())

子控件相对于控件：imageViewId在其的下面

relLayoutParams.addRule(RelativeLayout.ALIGN_PARENT_RIGHT,-1) 与

relLayoutParams.addRule(RelativeLayout.ALIGN_PARENT_RIGHT,RelativeLayout.TRUE) 与

relLayoutParams.addRule(RelativeLayout.ALIGN_PARENT_RIGHT)

表示的是一样的表示子控件在父控件的右边

(

relLayoutParams.setMargins(arg0,arg1, arg2, arg3)或者relLayoutParams.topMargin=5等等离某元素的左、上、右、下的距离单位

)

下面就将verb相关常量名列如下：

relLayoutParams.alignWithParent=true如果对应的兄弟元素找不到的话就以父元素做参照物

RelativeLayout.CENTER_HORIZONTAL在父控件中水平居中

RelativeLayout.CENTER_VERTICAL在父控件中垂直居中

RelativeLayout.CENTER_IN_PARENT相对于父控件完全居中

RelativeLayout.ALIGN_PARENT_BOTTOM紧贴父控件的下边缘

RelativeLayout.ALIGN_PARENT_TOP紧贴父控件的上边缘

RelativeLayout.ALIGN_PARENT_LEFT紧贴父控件的左边边缘

RelativeLayout.ALIGN_PARENT_RIGHT紧贴父控件的右边缘

RelativeLayout.ABOVE在某元素的上方需要第二个参数为某元素的ID

RelativeLayout.BELOW在某元素的下方需要第二个参数为某元素的ID

RelativeLayout.LEFT_OF在某元素的左边需要第二个参数为某元素的ID

RelativeLayout.RIGHT_OF在某元素的右边需要第二个参数为某元素的ID

RelativeLayout.ALIGN_TOP本元素的上边缘和某元素的的上边缘对齐需要第二个参数为某元素的ID

RelativeLayout.ALIGN_BOTTOM本元素的上边缘和某元素的的下边缘对齐需要第二个参数为某元素的ID

RelativeLayout.ALIGN_LEFT本元素的上边缘和某元素的的左边缘对齐需要第二个参数为某元素的ID

RelativeLayout.ALIGN_RIGHT本元素的上边缘和某元素的的右边缘对齐需要第二个参数为某元素的ID

RelativeLayout.ALIGN_BASELINE本元素的基线和某元素的的基线对齐需要第二个参数为某元素的ID

更多相关文章

随机推荐