Android使用addView动态添加组件

在项目开发中,我们经常需要进行动态添加组件,其中可添加的部分有两项:布局和组件

其中,添加的布局主要有RelativeLayout型(相对布局)的和LinearLayout(线性布局)

添加的组件主要有文本显示框,编辑框,按钮等组件。

下面,就让我们来进行实现:

首先我们创建一个新的项目,删除MainActivity.class中没有的代码,仅留下protected void onCreate(Bundle savedInstanceState)函数

往布局文件中添加一个新的组件:

1. addView方法简介

Android中,addView(ViewGroup view, index)在指定的index处添加一个view。可以利用排版View的
addView 函数,将动态产生的View 物件加入到排版View 中。

2、示例:

(1)首先我们往布局文件中添加一个组件,比如一个文本,两个按钮,此时我们需要在布局文件中添加一个布局项<LinearLayout>,定义其id为linearlay_1,用于在添加组件时识别,布局文件代码如下所示:

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="动态添加组件示例"
        android:id="@+id/textview"/>
    <LinearLayout
        android:layout_below="@+id/textview"
        android:id="@+id/linearlay_1"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:orientation="vertical"
        ></LinearLayout>

然后我们在Activity类里边进行添加组件,代码如下所示:

/**

* 代码中,布局的位置,是垂直顺序排列的因为界面代码Linerlayout的orientation设置的是

* vertical的,但是为了美观,需要设置添加的View的位置和样式。在添加View的时候分

* 为两类来介绍,一种是布局(例如:Linearlayout和RelativeLayout等,对于RelativeLayout属于相对布局)

*注意,对于LinearLayout布局来说,设置横向还是纵向是必须的!否则就看不到效果了。

*/

public class MainActivity extends Activity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		//绑定activity_main布局文件中的布局项,其中R.id.lenearlay_1为布局文件中设置的id
		LinearLayout linear=(LinearLayout) findViewById(R.id.linearlay_1);
		//添加文本,<span style="font-family: Arial, Helvetica, sans-serif;">this代表当前项目</span>
		TextView tv=new TextView(this);
		tv.setText("示例文本框");
		tv.setId(1);//设置ID,可有可无,也可以在R文件中添加字符串,然后在这里使用引用的方式使用
		linear.addView(tv);

	     // 将Button 加入到LinearLayout 中
	      Button b1 = new Button(this);
	      b1.setText("取消");
	      linear. addView ( b1 );

	      // 将Button 2 加入到LinearLayout 中
	      Button b2 = new Button(this);
	      b2.setText("确定");
	      linear. addView ( b2 );

	      // 从LinearLayout 中移除Button 1
	     // linear. removeView ( b1 );

	}

}

效果如下图所示:

图 1 动态添加组件-LinearLayout

(2) 动态添加布局:

* 下面的例子将介绍如何动态添加布局,基本内容和上面的代码一致,主要注重如何控制添加的布局的位置

* 在控制布局的位置的时候使用LayoutParam类来实现。

* 注意:控制位置和样式的时候,布局和控件使用的方法是一样的。

*/这次只是在MainActivity中进行操作,不涉及布局文件(.xml),其代码如下所示:

public class MainActivity extends Activity {

	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
	      //////////////////////////////////////
	      //创建一个相对布局relative
		RelativeLayout relative = new RelativeLayout(this);
		relative.setBackgroundColor(Color.YELLOW);
		// 将Button1 加入到RelativeLayout 中
	      Button btn_r1 = new Button(this);
	      btn_r1.setText("取消");//设置显示的字符
	      btn_r1.setId(24);
	      relative.addView(btn_r1);

	      // 将Button2 加入到RelativeLayout 中
	      Button btn_r2 = new Button(this);
	      btn_r2.setText("确定");//设置显示的字符
	      btn_r2.setId(25);
	      relative.addView(btn_r2);
	                                                                                                                                                                  // 设置RelativeLayout布局的宽高
	        RelativeLayout.LayoutParams lp=new RelativeLayout.LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);
	        lp.addRule(RelativeLayout.ALIGN_PARENT_LEFT, RelativeLayout.TRUE);
	        lp.addRule(RelativeLayout.ALIGN_PARENT_TOP, RelativeLayout.TRUE);
	        btn_r1.setLayoutParams(lp);   ////设置按钮的布局属性
	        lp=new RelativeLayout.LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);
	        lp.addRule(RelativeLayout.RIGHT_OF, btn_r1.getId());
	        btn_r2.setLayoutParams(lp);   ////设置按钮的布局属性
	        setContentView(relative);
	}

}

效果如下所示:

图 2 动态添加布局-RelativeLayout

学会了上面的介绍,你就可以很轻松的布局界面,无论是按钮还是其他组件,对于布局,你也可以很方便的进行布局使用,以上就是在安卓中如何动态添加组件的方法

时间: 2024-10-05 04:19:12

Android使用addView动态添加组件的相关文章

Angular使用总结 --- 通过指令动态添加组件

之前自己写的公共组件,都是会先引入,需要调起的时候再通过service控制公共组件状态.值.回调函数什么的.但是有一些场景不适合这种方式,还是动态添加组件更加好.通过写过的一个小组件来总结下. 创建组件 场景:鼠标移动到图标上时,展示解释性的说明文字.那就需要创建一个普通的tooltip组件.如下: <aside class="hover-tip-wrapper"> <span>{{tipText}}</span> </aside> HT

Android 利用addView 动态给Activity添加View组件

本文主要讲述如何动态给UI界面添加布局和控件,在编程的时候很多时候需要动态显示一些内容,在动态添加View的时候,主要使用addView方法. 1. addView方法简介 在Android 中,可以利用排版View的 addView 函数,将动态产生的View 物件加入到排版View 中. 例子如下: 界面代码: <LinearLayout android:id="@+id/viewObj" android:layout_width="wrap_content&quo

Android笔记(六十一)动态添加组件

想要一个功能,点击按钮,可以在已有的布局上,新添加一组组件. 动态的创建组件,本质上还是创建组件,只不过是在程序中根据逻辑来创建.大致步骤是找到要创建控件的位置,然后将要创建的组件添加进去. 看代码: MainActivity.java package com.example.test; import android.app.Activity; import android.os.Bundle; import android.view.View; import android.widget.Bu

Android开发之动态添加控件

动态添加TextView控件: 一:创建一个Android project项目 activity_main.xml文件: 1.用两个LinearLayout布局分别包裹一对TextView,EditText控件,将orientation设置为水平方向,EditText的hint属性可以实现水印效果,两个EditText用来控制显示(TextView控件数量)的行和列. 2. 用一个LinearLayout布局包裹Button按钮,在EditText控件输入完后,点击button按钮,就会自动生成

动态添加组件(XML)

1.利用LayoutInflater的inflate动态加载XMLmLinearLayout = (LinearLayout)findViewById(R.id.LinearLayout_ID);LayoutInflater layoutInflater = LayoutInflater.from(context);View view = layoutInflater.inflate(resource--需要加载的XML, null);XML:resource = R.layout.XML-Na

Android之ListView动态添加数据(SQLiteOpenHelper类添加数据)

一.SQLiteOpenHelper类: 这次我们通过sqlite来动态添加数据,接下来我们创建一个openHelper.java,在前面sqlite博客中我们已经详细的讲了SQLite的创建及使用等操作,我们将在onCreate 创建方法中创建一张表和插入相关的值,通过db.execSQL()完成Sqlite的运行. ①openHelper2.java文件: public class openHelper2 extends SQLiteOpenHelper { private static f

Android中实现动态切换组件背景的操作

这个也是昨天学习用到的,总结下思路吧,因为这个知识点以后绝对会再次用到. 目的:我要在软件中动态的选择组件背景,系统皮肤,自定义吐司背景等. 实现思路:要用到安卓中的SharedPrefence的功能,在设置里面写一个控件,设置一个点击监听器,点击的时候显示一个Alert选择弹窗,让你进行选择,对这个弹窗再设置一个点击监听器(onItemListener),点击到具体某个的时候,把对应的点击id保存到sahredprefence里面去,这样,其他地方就可以从这里取得设置里选择的值,进行动态个性化

ScrollView动态添加组件

main.xml代码如下: <?xml version="1.0" encoding="utf-8"?> <ScrollView xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" a

vue2.0动态添加组件

方法一.<template> <input type="text" v-model='componentName'> <button @click='add'>click me to add a component</button> </template> <script> // 引入要添加的所有组件 import component1 from './components/component1.vue' impo