Android研究院之应用开发使用Sencha完成APK局部更新（二十七）

好久没更新博文了，这段时间各种学习、各种打击，呵呵，但总归来说学到的东西也越来越多了，今天找时间来更新下这段时间学到的，也是我个人觉得不错的一个东西“Android APK局部模块化更新”，之前也在网上找了相关的资料查了下，没找到觉得比较好的，大多都是Copy来Copy去的，由于前段时间开发的时候用到了一个我没听过的框架<Sencha>，小马个人觉得开发出来的东西还是挺好的，不过有结论证明在IOS上这个东西更适用跑得也更流畅，但同样也可以运用到我们安卓上啦，借此机会，就跟大家分享下在Android中使用Sencha、HTML5、JS 、EXT 来完成APK应用的局部更新,小马的老规矩，先写大致流程，再逐步细化，小马保证，如果读一遍，你肯定能学到东西的，在博客中放一些实用的东西跟大家分享交流，吼吼，废话不多说，先一起来看大体流程怎么走：

大体步骤有如下几步：

一：新建自己的Android工程

二：熟悉并从官网http://www.sencha.com/products/sdk-tools/下载Sencha SDK 及基本使用的工具包

三：以经典Project 《HelloWorld 》开始Sencha之旅吧 http://www.sencha.com/learn/hello-world

四：整合Sencha与Android Project，完整最终版本的局部模块更新

好了，以上就是大体的流程了，下面来看下具体的操作流程吧，如上所述，配置及下载Sencha SDK及工具包的步骤大家可以直接在官网中获取，在此不一一赘述，小马主要讲下实现局部更新的原理，供大家交流学习，吼吼….

首先：Android工程本来就是纯原生的Android工程，目录结构如下图所示：

上面让大家下载的Sencha SDK 及里面的一些工具如下图所示：

只是里面加了一些基于HTML 、EXT、JS等完成的一些实例 DEMO，此外不多做解释，大家可私下瞅瞅，本文中心，用以上工具完整Android APK 局部模块更新，此处讲下实现原理，大家都知道，Android APK成功打包之后是不能再去动态的修改里面的数据的，更谈不上局部模块更新了，这样也就有了疑问，需求如果有APK局部模块更新的话是不是就不能做了，答案是否！这个地方我们可以这样，既然Sencha(使用Sencha的原因就是Sencha基本HTML5，而HTML5中又可以写JS，包括现在主流框架JQuery等，可以在JS中调用异步网络请求、调用JAVA代码，实现JQuery经典功能：动态异步刷新界面等)支持模块化更新的话，换个思路，可以把我们要更新的每个模块当成是一个基于Sencha 、HTML5、EXT的单独的工程，Android APK不能动态添加模块，但APK里面的类，也就是我们的四大组件之一Activity中我们是可以通过网络访问去服务器下载我们所要使用的数据的，这样就好办了，继续……..

举个最简单的例子：

如果我们打包成的APK(XiaoMaSencha.apk) 中包含五、六个的子模块（模块一、、模块二模块三、模块四、模块五）甚至更多的模块的话，就可以把各个子模块当成一个完整的Sehcna实现的Project，在需要模块时通过Android APK中Activity中的网络请求来下载存储于服务器上的各个Sencha子模块，最终下载到本地SD卡上，供我们APK使用，这样的话，就可以在即不违反Android APK 打包后不能动的前提下，又可以完成对其子模块的更新及操作，何乐不为？下面来看下具体的实现

第一：完成局部模块更新的前提是在服务端先备好我们的子模块（子模块一、子模块二、子模块三……..）

第二：完成本地可打包APK的Android工程XiaoMaSencha.apk（包含从服务端下载数据包功能）

第三：在工程中嵌入PhoneGap来支持在安卓工程中

以：super.loadUrl(“file:///android_asset/sencha/init.html”);形式来加载基于HTML5、JS、JQuery等技术实现的子模块，此处嵌入PhoneGap的原因是PhoneGap支持以loadUrl来加载Sencha(HTML5、JQuery、EXT技术实现)存储于本地SD卡上的工程，只要文件完整并且路径正确就可正常使用Sencha实现的子模块。

好了，原理就是这样，更新子模块，简单说白了就是：通过本地Android JAVA代码去下载存储于服务端子模块数据，借助PhoneGap等框架来实现APK局部模块的更新，举个例子：

以以上XiaoMaSencha.apk（此apk包为以纯JAVA代码实现的Android工程，包含从服务器下载工具类，为下载子模块使用）为例，下载好基本Sencha框架实现的子模块数据包后，可借助PhoneGap优势（以loadUrl形式载入HTML5、JQuery、EXT技术实现模块）来加载子模块，如从服务器下载后的子模块包存储于SD卡根目录下时，可使用PhoneGap以下形式来加载下载的数据包，如下：

package com.xiaoma.sencha;

import org.apache.cordova.DroidGap;

import android.os.Bundle;

import android.view.Menu;

import android.view.View;

import android.view.View.OnClickListener;

import android.widget.Button;

import android.widget.CheckBox;

import android.widget.CompoundButton;

import android.widget.CompoundButton.OnCheckedChangeListener;

import android.widget.EditText;

import com.foreveross.cube.R;

public class MainActivity extends DroidGap

{

@Override

public void onCreate(Bundle savedInstanceState)

{

super.onCreate(savedInstanceState);

// setContentView(R.layout.login);

super.loadUrl("sdcard/sencha/init.html");

// initView();

}

加载的init.html的内容是基于HTML5、JS、JQuery、EXT等技术结合实现的一个网页来充当手机中使用的子模块，具体内容如下：此处只随便写点东西进去，如果大家有自己需求的话，可以用HTML5等技术实现，复杂功能也可以用这个实现，然后存储于服务器供Android工程下载到本地，借助PhoneGap来加载使用：

<!DOCTYPE html>

<html>

<head>

<title>应用初始化......</title>

</head>

<body>

<h1>应用初始化</h1>

<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>

</div>

<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>

</div>

<p></p>

</div>

</body>

</html>

上面的HTML只是简单的举个例子，如果大家有更复杂的功能，那得先过HTML5这一关了，不然免谈，呵呵，下面给大家贴几个用Sencha实现的运行效果吧，可照着官网的DEMO或API一步步实现，如下：

好了，时间不早了，2点了，晕……写得有点乱，大家就先将就看看，小马今天只是写了下实现局部更新的大体思路，用以上技术完全可以实现局部更新的功能了…… 改天再总结几篇更加详细的文章来补充这篇的不足，不足之处还请批评、指出，一定及时改正，谢谢….O_O

本文固定链接: https://www.xuanyusong.com/archives/1933
转载请注明: 小马果 2012年12月10日于雨松MOMO程序研究院发表

最后编辑：2012-12-10

作者：小马果

【誓言、会老】…【承诺、会变】…【目标、遥远】…【选择、不后悔】…【对自己要狠】…所有动力，源自兴趣,爱编程，更过编程的过程.....

站内专栏站点

捐赠如果您愿意花20块钱请我喝一杯咖啡的话，请用手机扫描二维码即可通过支付宝直接向我捐款哦。