Android项目集成Weex
来源:互联网 发布:朴素贝叶斯算法 编辑:程序博客网 时间:2024/05/23 20:29
本文采用的是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
0 0
- Android项目集成Weex
- IOS项目集成Weex
- Weex项目初始化weex-iOS集成
- Weex项目初始化weex-iOS集成
- Weex项目初始化weex-iOS集成
- Weex项目初始化weex-iOS集成
- Weex项目初始化weex-iOS集成
- weex sdk集成到Android工程三. weex服务项目搭建
- weex sdk集成到Android工程
- weex sdk集成到Android工程
- Weex SDK集成到Android工程
- weex sdk集成到Android工程
- weex sdk集成到Android工程二. weex sdk集成到Android工程
- 阿里weex研究iOS(二)已有项目集成
- weex sdk集成到Android工程一. 阿里Weex框架快速体验与环境搭建
- weex sdk集成到Android工程四. Weex优雅的“降级”到 HTML5
- Weex入门教程之5,debug调试,集成 Devtools 到 Android
- weex 集成记录
- 名胜古迹扎堆的河北文博园(定州文博园)
- JSTL标签和EL表达式以及Strust2标签和ognl表达式
- winform TreeView树节点上下移动
- 1st round, 253 Meeting Rooms II
- PHP使用mb_substr()解决中文字符串截取乱码问题
- Android项目集成Weex
- 辅助测试工具整理
- 关于onActivityResult方法不执行的问题汇总
- mfc groupbox用法
- 使用jquery获取iframe加载完成事件
- (7)JPA - Hibernate【从零开始学Spring Boot】
- 安卓进入activity时候让Edittext的时候,使其失去焦点
- Apache Spark进行大数据处理 -- 第二部分:Spark SQL
- JavaEE中传值乱码问题