weex sdk內建到Android工程二. weex sdk內建到Android工程

1. 前言

前面已經介紹了環境搭建跟架構快速體驗 ，

體驗位址

，接下來介紹如何內建到自己的項目中。

2.前期準備

1）已經安裝了JDK version>=1.7 并配置了環境變量 

2）已經安裝

Android

 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'           

• 1
• 2
• 3
• 4
• 5
• 6

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);
  }
}           

• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19

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();
    }
  }
}           

• 20
• 21
• 22
• 23
• 24
• 25
• 26
• 27
• 28
• 29
• 30
• 31
• 32
• 33
• 34
• 35
• 36
• 37
• 38
• 39
• 40
• 41
• 42
• 43
• 44
• 45
• 46
• 47
• 48
• 49
• 50
• 51
• 52
• 53
• 54
• 55
• 56
• 57
• 58
• 59
• 60
• 61
• 62
• 63
• 64
• 65
• 66
• 67
• 68
• 69
• 70
• 71
• 72
• 73
• 74
• 75

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);
  }
}