动态添加控件及将某XML动态加入到Activity显示

末蓝、 2023-10-09 12:06 71阅读 0赞

## 一、动态添加控件、设置参数 ##

这个难度比较大，放在前面讲，用的也比较多，普通情况下，我们会提前把布局XML写好，然后对XML中的元素进行设置，但这种方法在有些情况下就显得不适合，比较聊天应用，比如帖子的回复情况。针对这些情况，我们要动态根据获取到的数据增加控件或控件组的数量，废话不多说，下面就开整吧，先看个效果图：

原始XML                                                                        动态添加控件后

![Center][]         ![Center 1][]

**所做的工作：**

1、在原有的界面的基础上添加一个LinearLayout   layout；参数设置为：layout\_width:wrap\_content;layout\_height:wrap\_content;

**对应代码：**

LinearLayout layout = new LinearLayout(this); // 线性布局方式
    layout.setOrientation(LinearLayout.HORIZONTAL); //
    layout.setBackgroundColor(0xff00ffff);
    LinearLayout.LayoutParams LP_MM = new LinearLayout.LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT);  
    layout.setLayoutParams(LP_MM);

2、添加一个ImageView；参数设置成layout\_width:50;layout\_height:50;

ImageView imageView= new ImageView(this);
    imageView.setBackgroundResource(R.drawable.maomao);
    LinearLayout.LayoutParams PARA = new LinearLayout.LayoutParams(50,50);
    imageView.setLayoutParams(PARA);
    layout.addView(imageView);

3、添加一个TextView；参数设置成layout\_width:wrap\_content;layout\_height:wrap\_content;

对应代码：

TextView tv = new TextView(this); // 普通聊天对话
    tv.setText("我和猫猫是新添加的");
    tv.setBackgroundColor(Color.GRAY);
    LinearLayout.LayoutParams LP_WW = new LinearLayout.LayoutParams(
    		LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
    tv.setLayoutParams(LP_WW);
    layout.addView(tv);

4、获取当前布局，即当前main\_activity的LinearLayout布局（这里有两种方法）  
方法一：（这种方法不需要：setContentView(R.layout.activity\_main);）

// 获取需要被添加控件的Linear布局(方法一)
    final LayoutInflater inflater = LayoutInflater.from(this);
    LinearLayout lin = (LinearLayout) inflater.inflate(
    		R.layout.activity_main, null).findViewById(
    		R.id.mainLinearLayout);

方法二：

// 获取需要被添加控件的Linear布局(方法二)
    setContentView(R.layout.activity_main);
    final LinearLayout lin = (LinearLayout) findViewById(R.id.mainLinearLayout);

5、将动态增加的布局添加到当前布局中并显示；

lin.addView(layout);
    setContentView(lin);

6、添加对新增的ImageView的单击消息响应

//向动态添加的imageView，添加点击响应
    imageView.setOnClickListener(new OnClickListener() {
    	
    	@Override
    	public void onClick(View v) {
    		// TODO Auto-generated method stub
    		Toast.makeText(MainActivity.this, "点击了图片", Toast.LENGTH_SHORT).show();
    	}
    });

**全部代码：**

package com.example.try_add_combination_ctrl;
    /**
     * 动态增加控件组
     * @author harvic
     * @date 2014-1-9
     */
    import android.os.Bundle;
    import android.app.Activity;
    import android.graphics.Color;
    import android.view.View;
    import android.view.View.OnClickListener;
    import android.view.ViewGroup.LayoutParams;
    import android.widget.ImageView;
    import android.widget.LinearLayout;
    import android.widget.TextView;
    import android.widget.Toast;
     
    public class MainActivity extends Activity {
     
    	@Override
    	protected void onCreate(Bundle savedInstanceState) {
    		super.onCreate(savedInstanceState);
     
    //		// 获取需要被添加控件的Linear布局(方法一)
    //		final LayoutInflater inflater = LayoutInflater.from(this);
    //		LinearLayout lin = (LinearLayout) inflater.inflate(
    //				R.layout.activity_main, null).findViewById(
    //				R.id.mainLinearLayout);
     
    		// 获取需要被添加控件的Linear布局(方法二)
    		setContentView(R.layout.activity_main);
    		final LinearLayout lin = (LinearLayout) findViewById(R.id.mainLinearLayout);
     
    		// 添加一个LinearLayout布局，设置成layout_width:wrap_content;layout_height:wrap_content;
    		LinearLayout layout = new LinearLayout(this); // 线性布局方式
    		layout.setOrientation(LinearLayout.HORIZONTAL); //
    		layout.setBackgroundColor(0xff00ffff);
    		LinearLayout.LayoutParams LP_MM = new LinearLayout.LayoutParams(
    				LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT);
    		layout.setLayoutParams(LP_MM);
    		
    		//添加一个ImageView,设置成layout_width:50;layout_height:50;
    		ImageView imageView = new ImageView(this);
    		imageView.setBackgroundResource(R.drawable.maomao);
    		LinearLayout.LayoutParams PARA = new LinearLayout.LayoutParams(50, 50);//
    		imageView.setLayoutParams(PARA);
    		layout.addView(imageView);
     
    		//添加一个TextView，设置成layout_width:wrap_content;layout_height:wrap_content;
    		TextView tv = new TextView(this); // 普通聊天对话
    		tv.setText("我和猫猫是新添加的");
    		tv.setBackgroundColor(Color.GRAY);
    		LinearLayout.LayoutParams LP_WW = new LinearLayout.LayoutParams(
    				LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
    		tv.setLayoutParams(LP_WW);
    		layout.addView(tv);
     
    		//将动态增加的布局添加到当前布局中；
    		lin.addView(layout);
    		setContentView(lin);
    		
    		// 向动态添加的imageView，添加点击响应
    		imageView.setOnClickListener(new OnClickListener() {
     
    			@Override
    			public void onClick(View v) {
    				// TODO Auto-generated method stub
    				Toast.makeText(MainActivity.this, "点击了图片", Toast.LENGTH_SHORT)
    						.show();
    			}
    		});
    		
    	}
     
    }

## 二、将某一XML动态加入到当前Activity显示 ##

这里就跟上面的不一样了，上面的是动态生成的控件或控件组，但这里并不是动态生成的，只是将一个写好的XML在运行时加入到当前Activity的XML中显示；

先看XML布局吧

**1、原来的XML（activity\_main.xml）**

**2、要增加进去的XML（combination\_ctrl.xml）**

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/combineCtrl"
        android:layout_width="fill_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal" >
        
        <ImageView android:id="@+id/img" 
    		android:layout_width="100dip"
    		android:layout_height="100dip" 
    		android:layout_margin="10.0dip"
    		android:padding="2.0dip"
            android:scaleType="fitXY"/>
     
    	<LinearLayout android:orientation="vertical"
    		android:layout_width="wrap_content" 
    		android:layout_height="wrap_content">
     
    		<TextView android:id="@+id/name" 
    			android:layout_width="wrap_content"
    			android:layout_height="wrap_content" 
    			android:textColor="#FFFFFF00"
    			android:textSize="22px" />
    		<TextView android:id="@+id/info" 
    			android:layout_width="wrap_content"
    			android:layout_height="wrap_content" 
    			android:textColor="#FF00FFFF"
    			android:textSize="13px" />
    	</LinearLayout>
        
     
    </LinearLayout>

**看看效果：**

原形状态                                                                 增加进去后

![Center 2][] ![Center 3][]

**全部代码**

package com.example.try_add_layout_from_xml;
     
    /**
     * 将一个现有的XML代码加入到当前的XML中，但由于ID是一定的，所以与在代码中添加include效果一样
     * @author harvic
     * @date 2014-1-9
     */
    import android.os.Bundle;
    import android.app.Activity;
    import android.view.LayoutInflater;
    import android.view.Menu;
    import android.widget.ImageView;
    import android.widget.LinearLayout;
    import android.widget.TextView;
     
    public class MainActivity extends Activity {
     
    	@Override
    	protected void onCreate(Bundle savedInstanceState) {
    		super.onCreate(savedInstanceState);
     
    		setContentView(R.layout.activity_main);
    		final LayoutInflater inflater = LayoutInflater.from(this);
    		// 获取需要被添加控件的布局
    		final LinearLayout lin = (LinearLayout) findViewById(R.id.mainLinearLayout);
    		// 获取需要添加的布局
    		LinearLayout layout = (LinearLayout) inflater.inflate(
    				R.layout.combination_ctrl, null).findViewById(R.id.combineCtrl);
    		// 将布局加入到当前布局中
    		lin.addView(layout);
     
    		ImageView imageView = (ImageView) findViewById(R.id.img);
    		imageView.setBackgroundResource(R.drawable.maomao);
    		TextView TV_info = (TextView) findViewById(R.id.info);
    		TV_info.setText("第一个INOF");
    		TextView TV_name = (TextView) findViewById(R.id.name);
    		TV_name.setText("第一个NAME");
     
    	}
    }

可见代码非常短，而且关键代码就只有五句，专门列出来

setContentView(R.layout.activity_main);
    final LayoutInflater inflater = LayoutInflater.from(this);
    // 获取需要被添加控件的布局
    final LinearLayout lin = (LinearLayout) findViewById(R.id.mainLinearLayout);
    // 获取需要添加的布局
    LinearLayout layout = (LinearLayout) inflater.inflate(
    		R.layout.combination_ctrl, null).findViewById(R.id.combineCtrl);
    // 将布局加入到当前布局中
    lin.addView(layout);

## 三、相关代码设置参数汇总 ##

### 1、设置margin ###

LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);
    lp.setMargins(10, 20, 30, 40);
    imageView.setLayoutParams(lp);

**2、设置layout\_weight:**

setLayoutParams(new LinearLayout.LayoutParams(
                              LinearLayout.LayoutParams.FILL_PARENT,
                              LinearLayout.LayoutParams.FILL_PARENT,weight
                          ));

例如：

TextView tv_like = new TextView(this);
    LinearLayout.LayoutParams LP_LIKE_MW = new LinearLayout.LayoutParams(
    		LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.WRAP_CONTENT, 1.0f);
    tv_like.setGravity(Gravity.CENTER);
    tv_like.setPadding(0, 8, 0, 8);
    tv_like.setText("赞(8)");
    tv_like.setTextSize(16);	
    layout_sub_Lin.addView(tv_like, LP_LIKE_MW);

[Center]: https://img-blog.csdn.net/20140109154613078?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaGFydmljODgwOTI1/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
[Center 1]: https://img-blog.csdn.net/20140109154605218?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaGFydmljODgwOTI1/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
[Center 2]: https://img-blog.csdn.net/20140109161640765?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaGFydmljODgwOTI1/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
[Center 3]: https://img-blog.csdn.net/20140109161644109?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaGFydmljODgwOTI1/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center