百当下载:绿色免费软件下载站! 软件分类|软件专题|安卓下载|资讯教程

您当前所在位置:首页 > 软件分类 > 编程开发 > 编程工具 > WeexSDK image adapter插件下载 v1.0.1官方版

WeexSDK image adapter插件下载v1.0.1官方版

  • 软件大小:132KB
  • 软件语言:简体中文
  • 软件类型:国产软件
  • 软件授权:免费版
  • 更新时间:2017-12-04 14:22:45
  • 软件类别:编程工具
  • 软件官网:
  • 应用平台:xp/win7/win8/win10
软件星级

软件介绍其它版本相关专题相关文章网友评论下载地址

WeexSDK image adapter是一款提供网络获取image功能,实现WeexSDK中WXImgLoaderProtocol协议,它的主要作用是为其他插件提供访问网络图片功能。

WeexSDK image adapter插件下载

WeexSDK image adapter用途

作为其他插件的依赖,不单独使用

如果工程中已存在实现WXImgLoaderProtocol协议的类,那么此插件不需要被添加。

使用说明

最近阿里开源的Weex很火爆。参考官网的资料学习了一下,找到了一个小Demo。分享出来和大家交流交流。

环境准备

参考官网:https://weex-project.io/cn/guide/按照官网的教程,完成以下步骤:

安装Node.js

安装weex-toolkit

这两步完成以后,就可以进行代码的编写了。

小Demo

程序界面

实现一个很简单功能:在文本框中输入文字,点击按钮,文字会出现在下面列表中。

1、创建项目

这里的Demo是将Weex集成到现有的项目中,所以首先需要创建一个Android项目。官网要求:

已经安装了JDK version>=1.7 并配置了环境变量

已经安装Android SDK 并配置环境变量。

Android SDK version 23 (compileSdkVersion in build.gradle)

SDK build tools version 23.0.1 (buildToolsVersion in build.gradle)

Android Support Repository >= 17 (for Android Support Library)

在满足这些要求的情况下,创建一个Android Studio项目。

2、编写Android代码

(一)添加依赖

glide用于图片加载。其他的库都是官网要求的依赖。

compile 'com.android.support:recyclerview-v7:24.2.1'

compile 'com.android.support:appcompat-v7:24.2.1'

compile 'com.alibaba:fastjson:1.1.45'

compile 'com.taobao.android:weex_sdk:0.9.5@aar'

compile 'com.github.bumptech.glide:glide:3.7.0'

(二)实现ImageAdapter

Weex要求本地实现图片的加载代码。我这里使用Glide实现图片加载。

public class ImageAdapter implements IWXImgLoaderAdapter {

@Override

public void setImage(String url, ImageView view, WXImageQuality quality, WXImageStrategy strategy) {

//实现你自己的图片下载,否则图片无法显示。

Glide.with(view.getContext())

.load(url)

.into(view);

}

}

(三)创建Application类

注意这个类一定要在Manifest中配置。

public class App extends Application {

@Override

public void onCreate() {

super.onCreate();

InitConfig config=new InitConfig.Builder().setImgAdapter(new ImageAdapter()).build();

WXSDKEngine.initialize(this,config);

}

}

(四)编写MainActivity

这里做了几件事:

实例化 WXSDKInstance 。

在Activity生命周期中回调 mWXSDKInstance 的对应方法。

实现 IWXRenderListener 接口 。

调用 mWXSDKInstance.render 方法实例化组件

在 IWXRenderListener.onViewCreated() 方法中设置 view 。

IWXRenderListener.onViewCreated() 会在Weex将JS实例化成View后回调。 IWXRenderListener 中同时还有:onRenderSuccess(); onRefreshSuccess();onException();三个回调方法。

public class MainActivity extends AppCompatActivity implements IWXRenderListener {

WXSDKInstance mWXSDKInstance;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

mWXSDKInstance = new WXSDKInstance(this);

mWXSDKInstance.registerRenderListener(this);

mWXSDKInstance.render("WXSample", WXFileUtils.loadAsset("home.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();

}

}

}

到这里基本上Android端的代码就完成了。剩下的任务就是编写Weex代码了。

3、编写Weex代码

Weex的编写教程可以参考官网教程

(一)创建一个组件

在这里我先创建了一个Weex组件,用于显示文字,并且支持变色。

组件样子

文件名: name.we

(二)创建主界面

注意: home.we 和 name.we 要放在同一个目录

文件名:home.we

(三)调试 we文件

这个时候需要用到之前安装的 weex-toolkit 工具。直接执行命令:

weex home.we

这时候会打开默认浏览器,我们就会看到我们所的界面。这里支持热更新,只要你在源文件中做了更改并保存,这个界面就会跟着刷新成最新状态。特别方便。

其他版本下载

相关文章

下载地址

  • WeexSDK image adapter插件下载v1.0.1官方版

网友评论