Android 动态加载布局

通过使用LayoutInflater 每次点击按钮时候去读取布局文件,然后找到布局文件里面的各个VIEW 操作完VIEW 后加载进我们setContentView 方面里面的要放的布局文件里面,每次动态加载文件必需 调用 removeAllViews方法,清除之前的加载进来的 View 。是不是很简单?当然动态加载VIEW 还有许多种方法,多尝试不同写法。可能会领会不一样的心得,祝你早上掌握android 的开发技术。
主要原理:在一个分割出来的大的Layout中(如图中的白色区域),使用layout.removeAllViews();和layout.addView();实现动态加载,其中要使用的LayoutInflater等。

首先,我们先把界面的框架图画出来,示意图如下:

中间白色部门是一个线性布局文件,我喜欢在画图的时候用不同的颜色将一块布局标示出来,方便查看。布局文件代码如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="fill_parent"
android:layout_height="fill_parent">

<LinearLayoutandroid:orientation="horizontal"
android:layout_width="wrap_content" android:layout_height="wrap_content">
<Buttonandroid:text="加载ListView" android:id="@+id/Button01"
android:layout_width="wrap_content" android:layout_height="wrap_content">
</Button>
<Buttonandroid:text="加载另外一个页面" android:id="@+id/Button02"
android:layout_width="wrap_content" android:layout_height="wrap_content"></Button>
</LinearLayout>
<LinearLayoutandroid:id="@+id/LinearLayout01" android:background="#FFFFFF"
android:layout_width="fill_parent" android:layout_height="fill_parent"></LinearLayout>
</LinearLayout>

从上面的效果图可以看出,那块白色的线性布局是用来动态加载传进来的布局文件。好了,我们就来做如果把布局文件动态的加载进来。下面我们一步一步来实现这个效果,首先,先把需要的 XML 勾画出来,分为步骤如下。

  • 新建一个布局用来存放 ListView 页面,代码如下:

    <?xml version="1.0" encoding="UTF-8"?>
    <LinearLayout android:id="@+id/layout"
    android:layout_width="fill_parent" android:layout_height="fill_parent"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <ListViewandroid:id="@+id/ListView01" android:layout_width="wrap_content"
    android:layout_height="wrap_content"></ListView>
    </LinearLayout>

  • 新建一个 ListView 每一行数据的样式,代码如下:
    <?xml version="1.0" encoding="UTF-8"?>
    <LinearLayout android:id="@+id/LinearLayout01"
    android:layout_width="fill_parent" android:layout_height="fill_parent"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <TextViewandroid:text="@+id/TextView01" android:id="@+id/TextView01"
    android:layout_width="wrap_content" android:layout_height="wrap_content"></TextView>
    </LinearLayout>

  • 新建另外一个页面,用来区分此页面是动态加载的,代码如下:
    <?xml version="1.0" encoding="UTF-8"?>
    <LinearLayout android:id="@+id/hellolayout"
    android:layout_width="fill_parent" android:layout_height="fill_parent"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <TextViewandroid:text="HELLO"
    android:layout_width="wrap_content" android:layout_height="wrap_content"></TextView>
    </LinearLayout>

  • 实现ListView 的添充数据,这里不详细介绍如何填充ListView 每行数据,有不解的朋友可以回头看我写的文章:点击这里 ,代码如下:
    package com.terry;

    import java.util.ArrayList;
    import java.util.HashMap;

    import android.content.Context;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.view.ViewGroup;
    import android.widget.BaseAdapter;
    import android.widget.TextView;

    public class listAdapterextends BaseAdapter {

    ArrayList<HashMap<String, Object>> list= new ArrayList<HashMap<String, Object>>();

    private LayoutInflater inflater;
    public listAdapter(Context contex)
    {
    inflater=LayoutInflater.from(contex);
    HashMap<String, Object> map=new HashMap<String, Object>();
    for (int i= 0; i< 10; i++) {
    map.put("name","例子");
    list.add(map);
    }

    }

    @Override
    public int getCount() {
    // TODO Auto-generated method stub
    return list.size();
    }

    @Override
    public Object getItem(int position) {
    // TODO Auto-generated method stub
    return list.get(position);
    }

    @Override
    public long getItemId(int position) {
    // TODO Auto-generated method stub
    return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
    // TODO Auto-generated method stub
    final viewHolder myHolder;
    if (convertView==null) {
    myHolder=new viewHolder();
    convertView=inflater.inflate(R.layout.list_view_row,null);
    myHolder.tv=(TextView)convertView.findViewById(R.id.TextView01);
    convertView.setTag(myHolder);
    }
    else
    {
    myHolder=(viewHolder)convertView.getTag();
    }
    myHolder.tv.setText(list.get(position).get("name").toString());
    return convertView;
    }

    }

  • 项目大纲如下图:
  • 好了,到此我们的准备工作就己经完成,接下来就是要教大家如何实现动态加载上面所画的布局页面了,先看一下效果图:

    点击第一个按钮


    点击第二个按钮

  • 动态加载代码如下:

    package com.terry;

    import android.app.Activity;
    import android.graphics.Color;
    import android.os.Bundle;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.view.View.OnClickListener;
    import android.widget.Button;
    import android.widget.LinearLayout;
    import android.widget.ListView;
    import android.widget.TextView;

    public class dynaActivityextends Activity {
    /** Called when the activity is first created.*/
    @Override
    public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);

    final LayoutInflater inflater= LayoutInflater.from(this);
    Button btn = (Button) findViewById(R.id.Button01);
    Button btn2 = (Button) findViewById(R.id.Button02);
    final LinearLayout lin= (LinearLayout) findViewById(R.id.LinearLayout01);
    btn.setOnClickListener(new OnClickListener() {

    @Override
    public void onClick(View v) {
    // TODO Auto-generated method stub
    LinearLayout layout = (LinearLayout) inflater.inflate(
    R.layout.listview, null).findViewById(R.id.layout);
    ListView lv=(ListView)layout.getChildAt(0);
    lv.setAdapter(new listAdapter(dynaActivity.this));
    lin.removeAllViews();
    lin.addView(layout);
    }
    });

    btn2.setOnClickListener(new OnClickListener() {

    @Override
    public void onClick(View v) {
    // TODO Auto-generated method stub
    LinearLayout layout = (LinearLayout) inflater.inflate(
    R.layout.hello, null).findViewById(R.id.hellolayout);
    TextView lv=(TextView)layout.getChildAt(0);
    lv.setTextColor(Color.RED);
    lin.removeAllViews();
    lin.addView(layout);
    }
    });
    }
    }

Tip:因为是基于VIEW 操作,因此你可以用 Animation 的动画效果使其更换界面更为自然,观赏性更强。

Android 实现布局动态加载相关推荐

  1. android listview动态加载网络图片不显示,Android Listview异步动态加载网络图片

    Android Listview异步动态加载网络图片 详见: http://blog.sina.com.cn/s/blog_62186b460100zsvb.html 标签: Android SDK ...

  2. osgi框架 android,基于OSGi的Android应用模块动态加载框架设计与实现

    摘要: 伴随着移动互联网科技水平向4G的飞跃,移动终端的使用日趋常态化,移动智能设备的普及率越来越高,得到了大量使用者的追捧.与此同时,各手机操作系统下应用商店里正充斥着琳琅满目的移动应用产品,用户对 ...

  3. Android使用addView动态加载布局文件

    第一步,要获取要将动态加载内容置入的容器 relativeLayout RelativeLayout relativeLayout = (RelativeLayout) findViewById(R. ...

  4. Android学习——Fragment动态加载

    动态加载原理 利用FragmentManager来添加一套Fragment事务,最后通过commit提交该事务来执行对Fragment的相关操作. FragmentManager fragmentma ...

  5. Android开发之动态加载,运行未安装apk

    Android运行未安装apk可以使用Android的DexClassLoader类 这个也可以再Android的官方文档中看到 A class loader that loads classes f ...

  6. Android实现资源动态加载的两种方式

    这是Android Apk源加载机制原理分析以及动态加载实现系列文章 的最后一篇.经过前两篇的介绍之后,相关基础都讲的差不多了,现在要实现自己项目中的资源加载框架,这里提供两种方式,区别在于由谁来加载 ...

  7. Android插件化动态加载apk

    什么是插件化动态加载apk? 支付宝是万能的,既可以淘票票看电影,又可以买车票,还可以开共享单车,这些都是支付宝的开发人员开发维护的么?显然不是,那么他是怎么做到的呢?是使用了动态加载apk的解决方案 ...

  8. App系列之Android Apk分析---付宝android客户端的动态加载

    工具: 工欲善其事,必先利其器.因为平时拆包少,对某些好工具也了解不多,基本用了手工的方法来处理的.大家可以用什么APK改之理之类的工具. apktool:这个大家都知道,反编译利器,我下的是apkt ...

  9. android listview数据动态加载_Android | Tangram动态页面之路(六)数据分离

    经过前五篇系列文章,对Tangram和vlayout也有了初步认识,这篇文章开始将结合业务场景使用,探索框架能力能对业务带来的支持,因为调研本身是一个需要不断踩坑的过程,所以大纲也做了微调,后续会根据 ...

最新文章

  1. 有意思的。带情感的语音转换,可以下载!
  2. 软件研发之道——知识产权
  3. 在Eclipse里Validating非常缓慢
  4. 【不同的子序列问题】面试官写个字符串要我求有多少个“bigsai“,我懵了
  5. JSP标签中不要省略引号
  6. 《暗时间》这本书内容丰富,思路明晰,是学习思维方法的好参考书
  7. Idea下springboot+easyUI的下载与集成
  8. Python出现quot; SyntaxError: Non-ASCII character '\xe6' 或'\xd6' in filequot;错误解决方法
  9. 机器人伪装成人类在 GitHub 上为开源项目修复 bug
  10. matlab剪切板中内容清除,如何清空剪贴板内容?剪切板内容清理过程
  11. qt5.14(vc2015 x64位)的安装配置和vc2015上qobjectdefs的c2134和QColor的c2661编译问题解决
  12. 有什么视频翻译软件?这些软件值得收藏
  13. python 聚类 客户细分_【火炉炼AI】机器学习027-项目案例:用聚类算法建立客户细分模型...
  14. 如何在 JavaScript 中使用对象解构
  15. 如何写出公众号爆文?分享你一份爆文写作秘籍
  16. 3d与人生 (极好的比喻)
  17. PYNQ入门(2)——启动系统及例程查看
  18. vue 跳转新窗口传递参数并改变窗口名称
  19. ERROR 1118 (42000) at line 1278: Row size too large ( 8126)
  20. HTML图片不能上下铺满屏幕_这应该是最最最简单的,职场PPT图片排版方法了!...

热门文章

  1. 【数字信号处理】相关函数 ( 相关系数与相关函数 | 相关函数定义 )
  2. 【数字信号处理】周期序列 ( 周期序列示例 3 | 判断序列是否是周期序列 )
  3. 【Groovy】MOP 元对象协议与元编程 ( 方法合成 | 动态注入方法 )
  4. 【C 语言】文件操作 ( 配置文件读写 | 框架搭建 | 主函数逻辑结构 | 启动无限循环 | 接收用户操作值 | 宏定义 | 显示操作菜单 )
  5. 【C 语言】数组 ( 数组指针 | 数组指针定义 | 使用 数组类型* 定义数组指针 )
  6. 【SeeMusic】视频编辑 ( 视频 X 坐标 | 视频 Y 坐标 | 视频旋转 | 视频扭曲 )
  7. 【Android APT】注解处理器 ( 注解标注 与 初始化方法 )
  8. 【Android 安全】DEX 加密 ( Application 替换 | 分析 Service 组件中调用 getApplication() 获取的 Application 是否替换成功 )
  9. 【RecyclerView】 九、为 RecyclerView 设置不同的布局样式
  10. 417 Pacific Atlantic Water Flow 太平洋大西洋水流