当前位置： 代码迷 >> Android >> Android使用代码实现RelativeLayout，LinearLayout格局
  详细解决方案

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

热度：21   发布时间：2016-04-28 04:46:16.0
Android使用代码实现RelativeLayout，LinearLayout布局

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

?

?

一、RelativeLayout布局

?

  1. RelativeLayout?rl?=?new?RelativeLayout(this);????
  2. ????Button?btn1?=?new?Button(this);????
  3. ????btn1.setText("----------------------");????
  4. ????btn1.setId(1);????
  5. ????????
  6. ????RelativeLayout.LayoutParams?lp1?=?new?RelativeLayout.LayoutParams??
  7. ????????????(ViewGroup.LayoutParams.WRAP_CONTENT,?ViewGroup.LayoutParams.WRAP_CONTENT);????
  8. ????lp1.addRule(RelativeLayout.ALIGN_PARENT_TOP);????
  9. ????lp1.addRule(RelativeLayout.CENTER_HORIZONTAL,?RelativeLayout.TRUE);????
  10. ????//?btn1?位于父?View?的顶部，在父?View?中水平居中????
  11. ????rl.addView(btn1,?lp1?);????
  12. ???????
  13. ????Button?btn2?=?new?Button(this);????
  14. ????btn2.setText("|\n|\n|\n|\n|\n|");????
  15. ????btn2.setId(2);????
  16. ???????
  17. ????RelativeLayout.LayoutParams?lp2?=?new?RelativeLayout.LayoutParams??
  18. ????????????(ViewGroup.LayoutParams.WRAP_CONTENT,?ViewGroup.LayoutParams.WRAP_CONTENT);????
  19. ????lp2.addRule(RelativeLayout.BELOW,?1);????
  20. ????lp2.addRule(RelativeLayout.ALIGN_LEFT,?1);????
  21. ????//?btn2?位于?btn1?的下方、其左边和?btn1?的左边对齐????
  22. ????rl.addView(btn2,?lp2);????
  23. ???????
  24. ????Button?btn3?=?new?Button(this);????
  25. ????btn3.setText("|\n|\n|\n|\n|\n|");????
  26. ????btn3.setId(3);????
  27. ???????
  28. ????RelativeLayout.LayoutParams?lp3?=?new?RelativeLayout.LayoutParams??
  29. ????????????(ViewGroup.LayoutParams.WRAP_CONTENT,?ViewGroup.LayoutParams.WRAP_CONTENT);????
  30. ????lp3.addRule(RelativeLayout.BELOW,?1);????
  31. ????lp3.addRule(RelativeLayout.RIGHT_OF,?2);????
  32. ????lp3.addRule(RelativeLayout.ALIGN_RIGHT,?1);????
  33. ????//?btn3?位于?btn1?的下方、btn2?的右方且其右边和?btn1?的右边对齐（要扩充）????
  34. ????rl.addView(btn3,lp3);????
  35. ???????
  36. ????Button?btn4?=?new?Button(this);????
  37. ????btn4.setText("--------------------------------------------");????
  38. ????btn4.setId(4);????
  39. ???????
  40. ????RelativeLayout.LayoutParams?lp4?=?new?RelativeLayout.LayoutParams??
  41. ????????????(ViewGroup.LayoutParams.WRAP_CONTENT,?ViewGroup.LayoutParams.WRAP_CONTENT);????
  42. ????lp4.addRule(RelativeLayout.BELOW,?2);????
  43. ????lp4.addRule(RelativeLayout.CENTER_HORIZONTAL,?RelativeLayout.TRUE);????
  44. ????//?btn4?位于?btn2?的下方，在父?Veiw?中水平居中????
  45. ????rl.addView(btn4,lp4);????
  46. ????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 plaincopy
?
  1. //创建一个线性布局????
  2. ????private?LinearLayout?mLayout;???????
  3. ????mLayout?=?(LinearLayout)?findViewById(R.id.layout);???????
  4. ????//现在我要往mLayout里边添加一个TextView?????
  5. ????//你可能会想直接在布局文件里边配置不就O?了?那是?但是这里为了说明问题我们用代码实现????
  6. ????TextView?textView?=?new?TextView(Activity01.this);???????
  7. ????textView.setText("Text?View?"?);????
  8. ????//这里请不要困惑这里是设置?这个textView的布局?FILL_PARENT?WRAP_CONTENT?和在xml文件里边设置是一样的如????
  9. ????/**<TextView???
  10. ????????android:layout_width="fill_parent"???
  11. ????????android:layout_height="wrap_content"???
  12. ????????android:text="Text?View"/>*/????
  13. ?????//在xml里边怎么配置高宽大家都会的。????
  14. ?????//第一个参数为宽的设置，第二个参数为高的设置。????
  15. ?????LinearLayout.LayoutParams?p?=?new?LinearLayout.LayoutParams(???????
  16. ??????????????LinearLayout.LayoutParams.FILL_PARENT,???????
  17. ??????????????LinearLayout.LayoutParams.WRAP_CONTENT???????
  18. ?????);???????
  19. ?????//调用addView()方法增加一个TextView到线性布局中????
  20. ?????mLayout.addView(textView,?p);???????
  21. ?????//比较简单的一个例子???

?

?

如果还不能理解下边在来一段直白的说明：
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.LayoutParams?params=newLinearLayout.LayoutParam(LayoutParams.FILL_PARENT,LayoutParams.WRAP_CONTENT)

?

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

?

LinearLayout.LayoutParams?params=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.LayoutParams?relLayoutParams=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

?

  相关解决方案

代码迷 - 您身边的软件异常，代码异常，编程异常助手（发现，解决，分享）
Copyright © 2009-2013 DAIMAMI.COM. All rights reserved.