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

XML 前端之家
前端之家收集整理的这篇文章主要介绍了动态添加控件及将某XML动态加入到Activity显示，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

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

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

原始XML 动态添加控件后

所做的工作：

1、在原有的界面的基础上添加一个LinearLayout layout；参数设置为：layout_width:wrap_content;layout_height:wrap_content;

对应代码：

[java] view plain copy
  1. LinearLayoutlayout=newLinearLayout(this);//线性布局方式
  2. layout.setOrientation(LinearLayout.HORIZONTAL);//
  3. layout.setBackgroundColor(0xff00ffff);
  4. LinearLayout.LayoutParamsLP_MM=newLinearLayout.LayoutParams(LayoutParams.MATCH_PARENT,LayoutParams.MATCH_PARENT);
  5. layout.setLayoutParams(LP_MM);

2、添加一个ImageView；参数设置成layout_width:50;layout_height:50;

[java] view plain copy
  1. ImageViewimageView=newImageView(this);
  2. imageView.setBackgroundResource(R.drawable.maomao);
  3. LinearLayout.LayoutParamsPARA=newLinearLayout.LayoutParams(50,50);
  4. imageView.setLayoutParams(PARA);
  5. layout.addView(imageView);

3、添加一个TextView；参数设置成layout_width:wrap_content;layout_height:wrap_content;

对应代码：

[java] view plain copy
  1. TextViewtv=newTextView(this);//普通聊天对话
  2. tv.setText("我和猫猫是新添加的");
  3. tv.setBackgroundColor(Color.GRAY);
  4. LinearLayout.LayoutParamsLP_WW=newLinearLayout.LayoutParams(
  5. LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);
  6. tv.setLayoutParams(LP_WW);
  7. layout.addView(tv);

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

[java] view plain copy
  1. //获取需要被添加控件的Linear布局(方法一)
  2. finalLayoutInflaterinflater=LayoutInflater.from(this);
  3. LinearLayoutlin=(LinearLayout)inflater.inflate(
  4. R.layout.activity_main,null).findViewById(
  5. R.id.mainLinearLayout);

方法二：

[java] view plain copy
  1. //获取需要被添加控件的Linear布局(方法二)
  2. setContentView(R.layout.activity_main);
  3. finalLinearLayoutlin=(LinearLayout)findViewById(R.id.mainLinearLayout);

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

[java] view plain copy
  1. lin.addView(layout);
  2. setContentView(lin);

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

[java] view plain copy
  1. //向动态添加的imageView，添加点击响应
  2. imageView.setOnClickListener(newOnClickListener(){
  4. @Override
  5. publicvoidonClick(Viewv){
  6. //TODOAuto-generatedmethodstub
  7. Toast.makeText(MainActivity.this,"点击了图片",Toast.LENGTH_SHORT).show();
  8. }
  9. });

全部代码：

[java] view plain copy
  1. packagecom.example.try_add_combination_ctrl;
  2. /**
  3. *动态增加控件组
  4. *@authorharvic
  5. *@date2014-1-9
  6. */
  7. importandroid.os.Bundle;
  8. importandroid.app.Activity;
  9. importandroid.graphics.Color;
  10. importandroid.view.View;
  11. importandroid.view.View.OnClickListener;
  12. importandroid.view.ViewGroup.LayoutParams;
  13. importandroid.widget.ImageView;
  14. importandroid.widget.LinearLayout;
  15. importandroid.widget.TextView;
  16. importandroid.widget.Toast;
  18. publicclassMainActivityextendsActivity{
  20. @Override
  21. protectedvoidonCreate(BundlesavedInstanceState){
  22. super.onCreate(savedInstanceState);
  24. ////获取需要被添加控件的Linear布局(方法一)
  25. //finalLayoutInflaterinflater=LayoutInflater.from(this);
  26. //LinearLayoutlin=(LinearLayout)inflater.inflate(
  27. //R.layout.activity_main,null).findViewById(
  28. //R.id.mainLinearLayout);
  30. //获取需要被添加控件的Linear布局(方法二)
  31. setContentView(R.layout.activity_main);
  32. finalLinearLayoutlin=(LinearLayout)findViewById(R.id.mainLinearLayout);
  34. //添加一个LinearLayout布局，设置成layout_width:wrap_content;layout_height:wrap_content;
  35. LinearLayoutlayout=newLinearLayout(this);//线性布局方式
  36. layout.setOrientation(LinearLayout.HORIZONTAL);//
  37. layout.setBackgroundColor(0xff00ffff);
  38. LinearLayout.LayoutParamsLP_MM=newLinearLayout.LayoutParams(
  39. LayoutParams.MATCH_PARENT,LayoutParams.MATCH_PARENT);
  40. layout.setLayoutParams(LP_MM);
  42. //添加一个ImageView,设置成layout_width:50;layout_height:50;
  43. ImageViewimageView=newImageView(this);
  44. imageView.setBackgroundResource(R.drawable.maomao);
  45. LinearLayout.LayoutParamsPARA=newLinearLayout.LayoutParams(50,50);//
  46. imageView.setLayoutParams(PARA);
  47. layout.addView(imageView);
  49. //添加一个TextView，设置成layout_width:wrap_content;layout_height:wrap_content;
  50. TextViewtv=newTextView(this);//普通聊天对话
  51. tv.setText("我和猫猫是新添加的");
  52. tv.setBackgroundColor(Color.GRAY);
  53. LinearLayout.LayoutParamsLP_WW=newLinearLayout.LayoutParams(
  54. LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);
  55. tv.setLayoutParams(LP_WW);
  56. layout.addView(tv);
  58. //将动态增加的布局添加到当前布局中；
  59. lin.addView(layout);
  60. setContentView(lin);
  62. //向动态添加的imageView，添加点击响应
  63. imageView.setOnClickListener(newOnClickListener(){
  65. @Override
  66. publicvoidonClick(Viewv){
  67. //TODOAuto-generatedmethodstub
  68. Toast.makeText(MainActivity.this,Toast.LENGTH_SHORT)
  69. .show();
  70. }
  71. });
  73. }
  75. }

源码在文章最底部给出

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

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

先看XML布局吧

1、原来的XML（activity_main.xml）

[html] view plain copy
  1. <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
  2. xmlns:tools="http://schemas.android.com/tools"
  3. android:id="@+id/mainLinearLayout"
  4. android:layout_width="match_parent"
  5. android:layout_height="match_parent"
  6. android:orientation="vertical"
  7. tools:context=".MainActivity">
  8. <TextView
  9. android:layout_width="fill_parent"
  10. android:layout_height="wrap_content"
  11. android:background="#00ff00"
  12. android:text="我是原生的，下面的布局是添加的"
  13. android:textSize="16sp"/>
  15. </LinearLayout>

2、要增加进去的XML（combination_ctrl.xml）

[html] view plain copy
  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
  3. android:id="@+id/combineCtrl"
  4. android:layout_width="fill_parent"
  5. android:layout_height="match_parent"
  6. android:orientation="horizontal">
  8. <ImageViewandroid:id="@+id/img"
  9. android:layout_width="100dip"
  10. android:layout_height="100dip"
  11. android:layout_margin="10.0dip"
  12. android:padding="2.0dip"
  13. android:scaleType="fitXY"/>
  15. <LinearLayoutandroid:orientation="vertical"
  16. android:layout_width="wrap_content"
  17. android:layout_height="wrap_content">
  19. <TextViewandroid:id="@+id/name"
  20. android:layout_width="wrap_content"
  21. android:layout_height="wrap_content"
  22. android:textColor="#FFFFFF00"
  23. android:textSize="22px"/>
  24. <TextViewandroid:id="@+id/info"
  25. android:layout_width="wrap_content"
  26. android:layout_height="wrap_content"
  27. android:textColor="#FF00FFFF"
  28. android:textSize="13px"/>
  29. </LinearLayout>
  32. </LinearLayout>

看看效果：

原形状态 增加进去后

全部代码

[java] view plain copy
  1. packagecom.example.try_add_layout_from_xml;
  3. /**
  4. *将一个现有的XML代码加入到当前的XML中，但由于ID是一定的，所以与在代码中添加include效果一样
  5. *@authorharvic
  6. *@date2014-1-9
  7. */
  8. importandroid.os.Bundle;
  9. importandroid.app.Activity;
  10. importandroid.view.LayoutInflater;
  11. importandroid.view.Menu;
  12. importandroid.widget.ImageView;
  13. importandroid.widget.LinearLayout;
  14. importandroid.widget.TextView;
  16. publicclassMainActivityextendsActivity{
  18. @Override
  19. protectedvoidonCreate(BundlesavedInstanceState){
  20. super.onCreate(savedInstanceState);
  22. setContentView(R.layout.activity_main);
  23. finalLayoutInflaterinflater=LayoutInflater.from(this);
  24. //获取需要被添加控件的布局
  25. finalLinearLayoutlin=(LinearLayout)findViewById(R.id.mainLinearLayout);
  26. //获取需要添加的布局
  27. LinearLayoutlayout=(LinearLayout)inflater.inflate(
  28. R.layout.combination_ctrl,null).findViewById(R.id.combineCtrl);
  29. //将布局加入到当前布局中
  30. lin.addView(layout);
  32. ImageViewimageView=(ImageView)findViewById(R.id.img);
  33. imageView.setBackgroundResource(R.drawable.maomao);
  34. TextViewTV_info=(TextView)findViewById(R.id.info);
  35. TV_info.setText("第一个INOF");
  36. TextViewTV_name=(TextView)findViewById(R.id.name);
  37. TV_name.setText("第一个NAME");
  39. }
  40. }

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

[java] view plain copy
  1. setContentView(R.layout.activity_main);
  2. finalLayoutInflaterinflater=LayoutInflater.from(this);
  3. //获取需要被添加控件的布局
  4. finalLinearLayoutlin=(LinearLayout)findViewById(R.id.mainLinearLayout);
  5. //获取需要添加的布局
  6. LinearLayoutlayout=(LinearLayout)inflater.inflate(
  7. R.layout.combination_ctrl,null).findViewById(R.id.combineCtrl);
  8. //将布局加入到当前布局中
  9. lin.addView(layout);

源码在文章最底部

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

1、设置margin

[java] view plain copy
  1. LinearLayout.LayoutParamslp=newLinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT,LinearLayout.LayoutParams.WRAP_CONTENT);
  2. lp.setMargins(10,20,30,40);
  3. imageView.setLayoutParams(lp);

2、设置layout_weight:

[java] view plain copy
  1. setLayoutParams(newLinearLayout.LayoutParams(
  2. LinearLayout.LayoutParams.FILL_PARENT,
  3. LinearLayout.LayoutParams.FILL_PARENT,weight
  4. ));

例如：

[java] view plain copy
  1. TextViewtv_like=newTextView(this);
  2. LinearLayout.LayoutParamsLP_LIKE_MW=newLinearLayout.LayoutParams(
  3. LinearLayout.LayoutParams.MATCH_PARENT,LinearLayout.LayoutParams.WRAP_CONTENT,1.0f);
  4. tv_like.setGravity(Gravity.CENTER);
  5. tv_like.setPadding(0,8,0,8);
  6. tv_like.setText("赞(8)");
  7. tv_like.setTextSize(16);
  8. layout_sub_Lin.addView(tv_like,LP_LIKE_MW);




上源码(两个例子代码混合在一起)：http://download.csdn.net/detail/harvic880925/6829633（不要分，仅供分享）

请大家尊重原创者版权，转载请标明出处：http://www.jb51.cc/article/p-ftqkgfos-bae.html 谢谢！！！

原文链接：/xml/295654.html

猜你在找的XML相关文章

10分钟掌握XML、JSON及其解析
引言 NOKIA 有句著名的广告语：“科技以人为本”。任何技术都是为了满足人的生产生活需要而...
[CXF REST标准实战系列] 一、JAXB xml与javaBean的转换
Writer：BYSocket（泥沙砖瓦浆木匠） 微博：BYSocket 豆瓣：BYSocket Reprint it anywhere...
[CXF REST标准实战系列] 一、JAXB xml与javaBean的转换
Writer：BYSocket（泥沙砖瓦浆木匠） 微博：BYSocket 豆瓣：BYSocket Reprint it anywhere...
10分钟掌握XML、JSON及其解析
http://blog.jobbole.com/79252/ 引言 NOKIA 有句著名的广告语：“科技以人为本”。任何技...
自定义圆形控件RoundImageView并认识一下attr.xml
(点击上方公众号，可快速关注) 公众号：smart_android 作者：耿广龙｜loonggg 点击“阅读原...
10分钟掌握XML、JSON及其解析
引言 NOKIA 有句著名的广告语：“科技以人为本”。任何技术都是为了满足人的生产生活需要而...
10分钟掌握XML、JSON及其解析(上)
 (点击上方公众号，可快速关注) 来源： Long Luo 的博客 链接：http://longluo.github.i...
10分钟掌握XML、JSON及其解析(中)
接上文 二、JSON XML很好很强大，但是最近有另外一个时代弄潮儿，这就是JSON。现在JSON的光...
10分钟掌握XML、JSON及其解析(下)
接上文 2.4 如何解析JSON？ Android JSON所有相关类，都在org.json包下。 包括JSONObject、...
10分钟掌握XML、JSON及其解析
原文出处：  Long Luo 的博客（@Long_Luo）   引言 NOKIA 有句著名的广告语：“科技以人...
HTMLHTML5JavaScriptCSSjQueryBootstrapAngularjsTypeScriptVueDojoJsonElectronNode.jsextjsExpress XMLES6AjaxFlashUnityReactFlexAnt DesignWeb前端微信小程序微信公众号
关闭广告单独headers封装代码提示错误整数正则非0开头跳页出页码antd table提示URL未注册公众号支付vue hash模式iSlider车牌键盘循环图片echarts 双折左右布局DllPlugin对象创建打字游戏圈选两栏云函数蒙版ES2020橱窗无缝滚动轮播色块碰撞组件销毁文档操作