android java 设置view_Android 通过Java代码生成创建界面。动态生成View,动态设置View属性。addRules详解...

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

本文内容:

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

运行结果:

19c7841ec69de8d0e7dac49e9a2e0a8a.png 

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

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

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

button.setBackgroundColor(Color.RED);

button.setText("Hello World");

1

2

1cbb22211de2e3a926c7b20a16217289.png 

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

运行结果:

908aa4230ad9c4f905e113d3e08bc696.png 

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

button.setLayoutParams(params);

1

bd8d6ca53373cfabb352bfc929602b4d.png 

没有任何问题。

3、设置位置信息

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

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

params.addRule(RelativeLayout.CENTER_IN_PARENT);

1

9ffdccaf658dad23aa2b581ef6720f00.png 

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的下方。

运行结果:

89ce860bdab1bbd9c49ee814ca90bc36.png

四、后记

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

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值