weex sdk集成到Android工程二. weex sdk集成到Android工程-白红宇

1. 前言

前面已经介绍了环境搭建跟框架快速体验，，接下来介绍如何集成到自己的项目中。

2.前期准备

1）已经安装了JDK version>=1.7 并配置了环境变量

2）已经安装 SDK 并配置环境变量。

3）Android SDK version 23 (compileSdkVersion in build.gradle)

4）SDK build tools version 23.0.1 (buildToolsVersion in build.gradle)

5）Android Support Repository >= 17 (for Android Support Library)

3.快速接入

1）创建Android工程

2）修改build.gradle 加入如下基础依赖

compile 'com.android.support:recyclerview-v7:23.1.1'compile 'com.android.support:support-v4:23.1.1'compile 'com.android.support:appcompat-v7:23.1.1'compile 'com.alibaba:fastjson:1.1.46.android'compile 'com.taobao.android:weex_sdk:0.5.1@aar'compile 'com.squareup.picasso:picasso:2.5.2'

3）assert目录下面存放js文件

这个js文件是执行

weex tech_list.we

命令后，在tech_list.we同目录下会生成 weex_tmp文件夹，此文件夹下面会有tech_list.js，把这个js文件放在assert文件夹下面，用来调用。

4.代码实现

1）Application 初始化

/** * 注意要在Manifest中启用 * 参考manifest，否则会抛出ExceptionInInitializerError * 要实现ImageAdapter 否则图片不能下载 * gradle 中一定要添加一些依赖，否则初始化会失败。 * compile 'com.android.support:recyclerview-v7:23.1.1' * compile 'com.android.support:support-v4:23.1.1' * compile 'com.android.support:appcompat-v7:23.1.1' * compile 'com.alibaba:fastjson:1.1.45' */public class WXApplication extends Application {
       @Override  public void onCreate() {    super.onCreate();    InitConfig config=new InitConfig.Builder().setImgAdapter(new ImageAdapter()).build();    WXSDKEngine.initialize(this,config);  }}

2）activity配置

public class MainActivity extends Activity implements IWXRenderListener {
       WXSDKInstance mWXSDKInstance;  @Override  protected void onCreate(Bundle savedInstanceState) {    super.onCreate(savedInstanceState);    setContentView(R.layout.activity_main);    mWXSDKInstance = new WXSDKInstance(this);    mWXSDKInstance.registerRenderListener(this);    /**     * WXSample 可以替换成自定义的字符串，针对埋点有效。     * template 是.we transform 后的 js文件。     * option 可以为空，或者通过option传入 js需要的参数。例如bundle js的地址等。     * jsonInitData 可以为空。     * width 为-1 默认全屏，可以自己定制。     * height =-1 默认全屏，可以自己定制。     */    mWXSDKInstance.render("MyApplication", WXFileUtils.loadFileContent("tech_list.js", this), null, null, -1, -1, WXRenderStrategy.APPEND_ASYNC);  }  @Override  public void onViewCreated(WXSDKInstance instance, View view) {    setContentView(view);  }  @Override  public void onRenderSuccess(WXSDKInstance instance, int width, int height) {  }  @Override  public void onRefreshSuccess(WXSDKInstance instance, int width, int height) {  }  @Override  public void onException(WXSDKInstance instance, String errCode, String msg) {  }  @Override  protected void onResume() {    super.onResume();    if(mWXSDKInstance!=null){      mWXSDKInstance.onActivityResume();    }  }  @Override  protected void onPause() {    super.onPause();    if(mWXSDKInstance!=null){      mWXSDKInstance.onActivityPause();    }  }  @Override  protected void onStop() {    super.onStop();    if(mWXSDKInstance!=null){      mWXSDKInstance.onActivityStop();    }  }  @Override  protected void onDestroy() {    super.onDestroy();    if(mWXSDKInstance!=null){      mWXSDKInstance.onActivityDestroy();    }  }}

3）实现图片下载接口，初始化时设置

public class ImageAdapter implements IWXImgLoaderAdapter {
       @Override  public void setImage(String url, ImageView view, WXImageQuality quality, WXImageStrategy strategy) {    //实现你自己的图片下载。    Picasso.with(view.getContext()).load(url).into(view);  }}