一起来玩Weex

public void fireEvent(String elementRef, String type){
fireEvent(ref,type,new HashMap<String, Object>());
}

具体解释可以戳这里。这种方法用于native主动调js。

事件回调

这种方法用于js调native。

一种是带回调的，诸如：

public class WXLocation extends WXModule {
@JSMethod
public void getLocation(JSCallback callback){
//获取定位代码…
Map<String,String> data=new HashMap<>();
data.put(“x”,“x”);
data.put(“y”,“y”);
//通知一次
callback.invoke(data);
//持续通知
callback.invokeAndKeepAlive(data);

//invoke方法和invokeAndKeepAlive两个方法二选一
}
}

一种是不带回调的，诸如：

public class RouterModule extends WXModule {
@JSMethod(uiThread = true)
public void router(String url) {
BrowserActivity.start(mWXSDKInstance.getContext(), url);
}
}

上面就是一个简单的路由，调用方法要用注解JSMethod，后面是确定是否在主线程调用。

双方使用也很简单：

WXSDKEngine.registerModule(“RouterModule”, RouterModule.class);//跟自定义组件一样，必须在原生注册

weex.requireModule(‘RouterModule’).router(item.url);

Android扩展

确切来说应该是Adapter扩展，Adapter顾名思义就是适配器，就是说js某些地方可能需要原生来实现达到性能最优。

常见有：

• IWXUserTrackAdapter：相关性能数据 (首屏加载时间、JS-Native 通信时间、dom 更新时间等) 和其他通用信息 (JSLib 文件大小, Weex SDK 版本号等)，好像可以用于埋点统计
• IWXDebugAdapter：从字面上就能确定这玩意拿来调试的
• IWXStorageAdapter：不多说，用来存储的
• IWXImgLoaderAdapter：用来图片加载的，默认并没有实现，下面会给出自己实现的代码
• IWXHttpAdapter：用来支持网络下载的，默认使用HttpURLConnection，下面也会给出实现代码

public class WXImageAdapter implements IWXImgLoaderAdapter {
@Override
public void setImage(String url, ImageView view, WXImageQuality quality, WXImageStrategy strategy) {

if (TextUtils.isEmpty(url)) {
return;
}
final Context context = view.getContext();

if (url.startsWith(“mipmap://”)) {//加载本地资源
…
view.setImageResource(imgId);
return;
}

Glide.with(context)
.load(url)
.crossFade()
.into(view);
}

private String getResIdStr(String url) {
…
return url.substring(start, end);
}
}

public class WXHttpAdapter implements IWXHttpAdapter {

private OkHttpClient mOkHttpClient;

public WXHttpAdapter(OkHttpClient okHttpClient) {
mOkHttpClient = okHttpClient;
}

@Override
public void sendRequest(WXRequest request, OnHttpListener listener) {

if (listener != null) {
listener.onHttpStart();
}

if (request == null) {
if (listener != null) {
WXResponse wxResponse = new WXResponse();
wxResponse.errorMsg = “WXRequest为空”;
listener.onHttpFinish(wxResponse);
}
return;
}

Request okHttpRequest;
if (Constant.POST.equalsIgnoreCase(request.method)) {
okHttpRequest = (new Request.Builder())
.headers(getHeaders(request))
.url(request.url)
.post(RequestBody.create(MediaType.parse(request.body), request.body))
.build();
} else {
okHttpRequest = (new okhttp3.Request.Builder()).url(request.url).build();
}

mOkHttpClient.newCall(okHttpRequest)
.enqueue(new Callback() {
@Override
public void onFailure(Call call, IOException e) {
if (listener != null) {
WXResponse wxResponse = new WXResponse();
wxResponse.errorCode = String.valueOf(-100);
wxResponse.statusCode = String.valueOf(-100);
wxResponse.errorMsg = e.getMessage();
try {
listener.onHttpFinish(wxResponse);
} catch (Exception e1) {
LoggerUtil.d(e1.getMessage());
}
}
}

@Override
public void onResponse(Call call, Response response) throws IOException {
if (listener != null) {
WXResponse wxResponse = new WXResponse();
wxResponse.statusCode = String.valueOf(response.code());
ResponseBody body = response.body();
if (body == null) {
wxResponse.errorMsg = “body为空”;
} else {
wxResponse.originalData = body.bytes();
}
try {
listener.onHttpFinish(wxResponse);
} catch (Exception e) {
LoggerUtil.d(e.getMessage());
}
}
}
});
}

@TargetApi(24)
private Headers getHeaders(WXRequest request) {
okhttp3.Headers.Builder builder = new okhttp3.Headers.Builder();
if (request.paramMap != null) {
Set keySet = request.paramMap.keySet();
keySet.forEach(key -> builder.add(key, request.paramMap.get(key)));
}
return builder.build();
}
}

代码篇幅比较长，但逻辑很简单，根据提供的参数WXRequest实现自己的网络请求，然后通过OnHttpListener回调给JS，其中注意点是尽量把回调给JS的变量WXResponse参数传齐，不然可能导致网络请求失败。

其它

我猜很多哥们内心现在最想问的是Android原生到底如何执行js文件？Weex的原理到底是什么？你那个效果图有bug，滑动的时候TabLayout透明了，你行不行啊？

听我一一道来，关于Weex的工作原理的示意图如下：

对于这种原理我也是半知半解，无能为力了。

关于Android原生执行js文件一般有两种，一种是从网络上获取，一种直接执行本地的js文件。

mWXSDKInstance.render(“GankioList”, WXFileUtils.loadAsset(“gankiolist.js”, context), options, null, WXRenderStrategy.APPEND_ASYNC);
mWXSDKInstance.renderByUrl();

前者是执行本地，后者是网络获取，我们常常会操作options以此给js传递一些native的参数。

关于最后一个问题，我也很无奈啊，原来这个项目就是卡片阴影背景，一开始发现weex也有这样的样式，欣喜若狂，后来发现这个问题，我一度以为我使用姿势错了，急忙回去看文档，天空飘来仅仅支持ios几个字。

为何ios这么叼？为何ios这么叼？为何ios这么叼？

杂谈

这算是对自己这几天学习Weex的一点小总结，小弟不才，已经尽力了，希望对想入门或者刚入门Weex的同学有所帮助，同时希望Weex的前辈能够指出其中错误。文中的代码已经集成到我开源项目CrazyDaily。学习Weex主要还是看重它基于Vue，传说Vue是一位长得很帅的国人创立的，请给我一个理由不支持？大家学习的时候最好还是以官方文档为主，刚开始看不懂也正常，先通读一遍，然后自己敲Demo碰到问题再回去精读一遍。

最后，感谢一直支持我的人！
传送门

Github：github.com/crazysunj/
博客：crazysunj.com/
Weex常用网站：github.com/joggerplus/…

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

最后

为了方便有学习需要的朋友，我把资料都整理成了视频教程（实际上比预期多花了不少精力）

当程序员容易，当一个优秀的程序员是需要不断学习的，从初级程序员到高级程序员，从初级架构师到资深架构师，或者走向管理，从技术经理到技术总监，每个阶段都需要掌握不同的能力。早早确定自己的职业方向，才能在工作和能力提升中甩开同龄人。

• 无论你现在水平怎么样一定要 持续学习 没有鸡汤，别人看起来的毫不费力，其实费了很大力，这四个字就是我的建议！！
• 我希望每一个努力生活的IT工程师，都会得到自己想要的，因为我们很辛苦，我们应得的。

当程序员容易，当一个优秀的程序员是需要不断学习的，从初级程序员到高级程序员，从初级架构师到资深架构师，或者走向管理，从技术经理到技术总监，每个阶段都需要掌握不同的能力。早早确定自己的职业方向，才能在工作和能力提升中甩开同龄人。

无论你现在水平怎么样一定要 持续学习 没有鸡汤，别人看起来的毫不费力，其实费了很大力，没有人能随随便便成功。

加油，共勉。

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！

断学习的，从初级程序员到高级程序员，从初级架构师到资深架构师，或者走向管理，从技术经理到技术总监，每个阶段都需要掌握不同的能力。早早确定自己的职业方向，才能在工作和能力提升中甩开同龄人。

无论你现在水平怎么样一定要 持续学习 没有鸡汤，别人看起来的毫不费力，其实费了很大力，没有人能随随便便成功。

加油，共勉。

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！