本文采用的是SDK依賴方式。

安裝weex-toolkit

npm install -g weex-toolkit

通過android studio創建一個項目WeexDemoAndroid

在module app的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'

創建類

public class ImageAdapter implements IWXImgLoaderAdapter {@Override public void setImage(String url, ImageView view, WXImageQuality quality, WXImageStrategy strategy) {//實現你自己的圖片下載，否則圖片無法顯示。 } }

創建類

public class WXApplication extends Application {@Override public void onCreate() {super.onCreate();InitConfig config = new InitConfig.Builder().setImgAdapter(new ImageAdapter()).build();WXSDKEngine.initialize(this, config);} } 修改AndroidManifest.xml

<uses-permission android:name="android.permission.INTERNET"/><application android:name=".WXApplication" android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:supportsRtl="true" android:theme="@style/AppTheme"><activity android:name=".MainActivity"><intent-filter><action android:name="android.intent.action.MAIN" /><category android:name="android.intent.category.LAUNCHER" /></intent-filter></activity></application>

修改MainActivity

public class MainActivity extends AppCompatActivity 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("WXSample", WXFileUtils.loadFileContent("hello.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();}} }

創建hello.we

<template><div><text style="font-size:100px;">Hello World.</text></div> </template>

轉換成hello.js

weex hello.we -o hello.js

把生成的hello.js加入assets目錄

運行應用

源代碼工程

https://github.com/chenhaifeng2016/WeexDemoAndroid

超強干貨來襲 云風專訪：近40年碼齡，通宵達旦的技術人生

總結

以上是生活随笔為你收集整理的Android项目集成Weex的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。