废话不多说,本文将会层层深入给大家讲解如何动态的生成一个完整的界面。

本文内容:

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">


这里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)显示出来。

运行结果:

java 动态生成ftl模板_动态生成

 

可以看到,相当原始的界面,下一步我们就要设置Button的位置以及相关属性了

二、Java代码中动态设置View的位置,以及其他的属性

1、首先我们为我们的Button设置一个背景,以及文字:

button.setBackgroundColor(Color.RED);

button.setText("Hello World");


java 动态生成ftl模板_动态生成_02

 

2、我们下一步想给Button设置长宽:

你可能会想button会有setHeight,setWidth方法,确实有,而且你可以实现设置长宽,但是如果你要设置Match_parent,Wrap_content,怎么实现呢?这时候我们就要使用LayoutParam方法了。

首先创建一个Layoutparams实例:

RelativeLayout.LayoutParams params=new RelativeLayout.LayoutParams(100,100);


不同的布局对应着不同的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);

运行结果:

java 动态生成ftl模板_android_03

 

为什么没有效果呢,因为定义了LayoutParam但是没有指定哪一个View因此还需要添加一句

button.setLayoutParams(params);

1

java 动态生成ftl模板_Java_04

 

没有任何问题。

3、设置位置信息

我们想要使Button居中显示,怎么实现呢?

还是使用LayoutParams,使用他的addRules方法:

params.addRule(RelativeLayout.CENTER_IN_PARENT);

1

java 动态生成ftl模板_android_05

 

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);


注意我们要先给第一个button一个id,因为是动态创建的所以使用setId方法,设id为100, params1.addRule(RelativeLayout.BELOW,100);核心代码,意思是将button1设置在id为100的view的下方。

运行结果:

java 动态生成ftl模板_动态生成_06

四、后记

上文我为大家详细解析了View的动态创建,以及动态的添加属性,有几点需要注意的:

1、上文中的布局都是用的RelativeLayout,实际上你会发现只有RelativeLayout.layoutParam具有addRules方法,这其实是与XML中相对应的,你在LinearLayout中无法使用Right_of等等相对布局的属性,这些都是相通的。 实际上我认为在动态生成界面的几个布局中RelativeLayout是最简单也是最准确的。

2、为什么要使用动态生成界面?我想在编程中使用XML是无可厚非的,但是App的大趋势是动态化来减少版本更替,这就涉及到一个不要写死的问题,国内已经有很多尝试,即通过服务器动态生成界面。