Weex 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 SDK目录
下面是Android工程的gradle依赖文件,将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、实现图片下载接口,初始化时设置

这里写图片描述

2、初始化配置

这里写图片描述

3、开始渲染(在Activity中)

(1)、实现IWXRenderListener接口:

这里写图片描述

(2)、为WXSDK提供Activity状态注册回调(便于Weex SDK获取得知Activity宿主当前状态):

这里写图片描述

(3)、初始化Weex SDK实例,并且注册渲染回调接口,开始渲染。

这里写图片描述

注意点:一个WXSDKInstance实例对应一个Activity。

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

这里写图片描述
在这里我们很清晰的看到了define()函数和bootstrap()函数,通过前文我们知道这就是Weex JS渲染引擎识别的入口。

附录(WeexSample地址):
https://github.com/xkli/WXSample.git

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值