Android(安卓)weex的使用

导入依赖

compile 'com.android.support:recyclerview-v7:25.3.1'compile 'com.android.support:support-v4:25.3.1'compile 'com.android.support:appcompat-v7:25.3.1'compile 'com.alibaba:fastjson:1.1.46.android'compile 'com.taobao.android:weex_sdk:0.10.0@aar'compile 'com.qiyukf.unicorn:unicorn:3.5.0'

另外联网获取图片框架的依赖

compile 'com.squareup.picasso:picasso:2.5.2'

Androidmainfest清单文件加入

<application

android:name=".WXApplication"

application>

activity_main.xml

<?xml version="1.0" encoding="utf-8"?><RelativeLayout    xmlns:android="http://schemas.android.com/apk/res/android"    android:id="@+id/activity_network"    android:layout_width="match_parent"    android:layout_height="match_parent">    <FrameLayout        android:id="@+id/container"        android:layout_width="match_parent"        android:layout_height="match_parent">    FrameLayout>RelativeLayout>

MainActivity

package com.yunxun.weex;import android.os.Bundle;import android.support.v7.app.AppCompatActivity;import android.view.View;import android.view.ViewGroup;import android.widget.FrameLayout;import com.taobao.weex.IWXRenderListener;import com.taobao.weex.WXSDKInstance;import com.taobao.weex.common.WXRenderStrategy;import java.util.HashMap;import java.util.Map;public class MainActivity extends AppCompatActivity implements IWXRenderListener {    private static String TEST_URL = "http://online.youchang88.com/salesAssist/shopDetail.js";    private WXSDKInstance mWXSDKInstance;    private FrameLayout mContainer;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        mContainer = (FrameLayout) findViewById(R.id.container);        mWXSDKInstance = new WXSDKInstance(this);        mWXSDKInstance.registerRenderListener(this);        /**         * pageName:自定义，一个标示符号。         * url:远程bundle JS的下载地址         * options:初始化时传入WEEX的参数，比如 bundle JS地址         * flag:渲染策略。WXRenderStrategy.APPEND_ASYNC:异步策略先返回外层View，其他View渲染完成后调用onRenderSuccess。WXRenderStrategy.APPEND_ONCE 所有控件渲染完后后一次性返回。         */        Map options = new HashMap<>();        options.put(WXSDKInstance.BUNDLE_URL, TEST_URL);        mWXSDKInstance.renderByUrl("WXSample",TEST_URL,options,null, WXRenderStrategy.APPEND_ONCE);    }    @Override    protected void onStart() {        super.onStart();        if (mWXSDKInstance != null) {            mWXSDKInstance.onActivityStart();        }    }    @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();        }    }    @Override    public void onViewCreated(WXSDKInstance instance, View view) {        if (view.getParent() != null) {            ((ViewGroup) view.getParent()).removeView(view);        }        mContainer.addView(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) {    }}

加入类

PhoneInfoModule

RichText

WeexEvent

ImageAdapter

WXApplication

这几个类可以在官方介绍找到 https://github.com/xkli/WXSample.git

另外要在ImageAdapter中实现你自己的图片下载如下

package com.weex.sample; import android.widget.ImageView; import com.taobao.weex.adapter.IWXImgLoaderAdapter; import com.taobao.weex.common.WXImageStrategy; import com.taobao.weex.dom.WXImageQuality; /** * Created by lixinke on 16/6/1. */ public class ImageAdapter implements IWXImgLoaderAdapter { @Override public void setImage(String url, ImageView view, WXImageQuality quality, WXImageStrategy strategy) { //实现你自己的图片下载，否则图片无法显示。 } }

我的实现可以在源码中看到.

http://download.csdn.net/detail/m0_37855088/9834335

更多相关文章

随机推荐