废话不多说,本文将会层层深入给大家讲解如何动态的生成一个完整的界面。
本文内容:
Java代码中动态生成View
Java代码中动态设置View的位置,以及其他的属性
LayoutParams详解
一、Java代码中动态的生成View
我们以创建一个Button为例子。
1、首先我们在onCreate方法中创建一个Button实例:
Button button=new Button(this);
1
2、创建了Button实例下面我们就要指定它在哪个界面中显示:
首先第一步找到我们要显示的界面:
首先把setContentView()删掉(后文会讲)。
有两种方法:
使用LayoutInflate
使用findViewById
1)LayoutInflate使用来找到一个布局文件:
ViewGroup viewGroup = (ViewGroup) LayoutInflater.from(this).inflate(R.layout.activity_main, null);
1
返回的是布局文件的最外层的View容器,
贴一下布局文件中的XML代码
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.miko.zd.dynamicview.MainActivity"
android:id="@+id/relative">
1
2
3
4
5
6
7
8
9
10
11
12
13
14
这里LayoutInflate返回的就是最外层的RelativeLayout。RelativeLayout继承于ViewGroup因此完全没有问题。
2)通过FindViewByID返回最外层的View
第二种方法以第一种一致都是返回最外层的RelativeLayout:
View viewGroup2 = findViewById(R.id.relative);
1
3、下一步就是要把我们的Button添加到RelativeLayout中了
使用ViewGroup的addView方法:
viewGroup.addView(button);
1
运行代码,你会发现界面中什么都没有,为什么呢?
前文中说过删除setContentView()这个方法,setContenView可以理解为,为Activity绑定一个显示的的布局,我们只是找到了ViewGroup,并且添加了Button,但是没有绑定Activity,因此这里添加一句setContentView(viewGroup);你可能会说,我一开始不删除这一句,不可以么?
findViewById可以,setContentView()一旦调用,layout就会立刻显示UI,而后的findViewById,找到RelativeLayout实际上已经加载出来了,添加Button,可以理解为显示出UI后动态的添加View;而inflate只会把Layout形成一个以view类实现成的对象,有需要时再用setContentView(view)显示出来。
运行结果:
可以看到,相当原始的界面,下一步我们就要设置Button的位置以及相关属性了
二、Java代码中动态设置View的位置,以及其他的属性
1、首先我们为我们的Button设置一个背景,以及文字:
button.setBackgroundColor(Color.RED);
button.setText("Hello World");
1
2
2、我们下一步想给Button设置长宽:
你可能会想button会有setHeight,setWidth方法,确实有,而且你可以实现设置长宽,但是如果你要设置Match_parent,Wrap_content,怎么实现呢?这时候我们就要使用LayoutParam方法了。
首先创建一个Layoutparams实例:
RelativeLayout.LayoutParams params=new RelativeLayout.LayoutParams(100,100);
1
不同的布局对应着不同的LayoutParams,我们这里是RelativeLayout所以当然是R.layoutParam这里的两个参数是Button的宽以及高,注意这里的100代表着100px,使用dp可以参照我之前的博客
dp转px
那么上文中的MATCH 以及WRAP怎么实现呢?
RelativeLayout.LayoutParams params=new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
1
运行结果:
为什么没有效果呢,因为定义了LayoutParam但是没有指定哪一个View因此还需要添加一句
button.setLayoutParams(params);
1
没有任何问题。
3、设置位置信息
我们想要使Button居中显示,怎么实现呢?
还是使用LayoutParams,使用他的addRules方法:
params.addRule(RelativeLayout.CENTER_IN_PARENT);
1
addRules有两个方法:
addRule(int verb)
addRule(int verb, int anchor)
verb我们很好理解,就是各种规定位置的参数,anchor代表什么呢?
我们看源码注释:
The id of another view to use as an anchor,
* or a boolean value (represented as {@link RelativeLayout#TRUE}
* for true or 0 for false). For verbs that don’t refer to another sibling
* (for example, ALIGN_WITH_PARENT_BOTTOM) just use -1.
实际上verb参数可以分为两类,一种是不要任何相对view的,比如ALIGN_WITH_PARENT_BOTTOM这种的参数,另一种需要相对view的参数,例如above,right_of等等,需要一个view来表示位置的参数,这个时候就需要用到anchor,anchor代表的是相对view的id。
下面我们再创建一个Button:
ViewGroup viewGroup2 = (ViewGroup) viewGroup.findViewById(R.id.relative);
Button button = new Button(this);
RelativeLayout.LayoutParams params=new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
params.addRule(RelativeLayout.CENTER_IN_PARENT);
button.setLayoutParams(params);
button.setBackgroundColor(Color.RED);
button.setText("Hello World");
button.setId(100);
Button button1=new Button(this);
RelativeLayout.LayoutParams params1=new RelativeLayout.LayoutParams(200,200);
params1.addRule(RelativeLayout.BELOW,100);
button1.setLayoutParams(params1);
button1.setBackgroundColor(Color.RED);
button1.setText("Hello World");
viewGroup2.addView(button);
viewGroup2.addView(button1);
setContentView(viewGroup);
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
注意我们要先给第一个button一个id,因为是动态创建的所以使用setId方法,设id为100, params1.addRule(RelativeLayout.BELOW,100);核心代码,意思是将button1设置在id为100的view的下方。
运行结果:
四、后记
上文我为大家详细解析了View的动态创建,以及动态的添加属性,有几点需要注意的:
1、上文中的布局都是用的RelativeLayout,实际上你会发现只有RelativeLayout.layoutParam具有addRules方法,这其实是与XML中相对应的,你在LinearLayout中无法使用Right_of等等相对布局的属性,这些都是相通的。 实际上我认为在动态生成界面的几个布局中RelativeLayout是最简单也是最准确的。
2、为什么要使用动态生成界面?我想在编程中使用XML是无可厚非的,但是App的大趋势是动态化来减少版本更替,这就涉及到一个不要写死的问题,国内已经有很多尝试,即通过服务器动态生成界面。