天天看點

Weex Android初體驗Weex SDK內建到Android工程代碼實作

Weex SDK內建到Android工程

Weex SDK內建到Android工程有兩種方式:
           

1、源碼依賴:

大家可以用git clone https://github.com/alibaba/weex把Weex的源代碼clone下來編譯成功。并且把weex下面的Android SDK部分作為project工程依賴到Android工程。下圖是Weex Android SDK的目錄:
           
Weex Android初體驗Weex SDK內建到Android工程代碼實作

下面是Android工程的gradle依賴檔案,将Weex SDK添加到Android工程依賴中去。

Weex Android初體驗Weex SDK內建到Android工程代碼實作

2、SDK依賴:

即我們不必下載下傳Weex的源碼,直接在gradle中添加來自于jCenter()的Weex SDK依賴,如下面: 
           
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'
           

代碼實作

1、實作圖檔下載下傳接口,初始化時設定

Weex Android初體驗Weex SDK內建到Android工程代碼實作

2、初始化配置

Weex Android初體驗Weex SDK內建到Android工程代碼實作

3、開始渲染(在Activity中)

(1)、實作IWXRenderListener接口:

Weex Android初體驗Weex SDK內建到Android工程代碼實作

(2)、為WXSDK提供Activity狀态注冊回調(便于Weex SDK擷取得知Activity宿主目前狀态):

Weex Android初體驗Weex SDK內建到Android工程代碼實作

(3)、初始化Weex SDK執行個體,并且注冊渲染回調接口,開始渲染。

Weex Android初體驗Weex SDK內建到Android工程代碼實作

注意點:一個WXSDKInstance執行個體對應一個Activity。

4、在Assets中添加js檔案(也可不添加,因本例是使用了Android本地檔案渲染):

Weex Android初體驗Weex SDK內建到Android工程代碼實作

在這裡我們很清晰的看到了define()函數和bootstrap()函數,通過前文我們知道這就是Weex JS渲染引擎識别的入口。

附錄(WeexSample位址):

https://github.com/xkli/WXSample.git