ichenlei / weex-eleme Goto Github PK

public class ImageAdapter implements IWXImgLoaderAdapter {
  @Override
  public void setImage(String url, ImageView view, WXImageQuality quality, WXImageStrategy strategy) {
    //实现你自己的图片下载，否则图片无法显示。
  }
}

package com.taobao.weex.adapter;
import android.widget.ImageView;
import com.taobao.weex.common.WXImageStrategy;
import com.taobao.weex.dom.WXImageQuality;

/**
 * Interface for ImageLoader. This interface works as an adapter for various image library.
 */
public interface IWXImgLoaderAdapter {

  void setImage(String url, ImageView view, WXImageQuality quality, WXImageStrategy quality);
}

//填充模式选择
@WXComponentProp(name = Constants.Name.RESIZE_MODE)
  public void setResizeMode(String resizeMode) {
    (getHostView()).setScaleType(getResizeMode(resizeMode));
  }

  private ScaleType getResizeMode(String resizeMode) {
    ScaleType scaleType = ScaleType.FIT_XY;
    if (TextUtils.isEmpty(resizeMode)) {
      return scaleType;
    }

    switch (resizeMode) {
      case "cover":
        scaleType = ScaleType.CENTER_CROP;
        break;
      case "contain":
        scaleType = ScaleType.FIT_CENTER;
        break;
      case "stretch":
        scaleType = ScaleType.FIT_XY;
        break;
    }
    return scaleType;
  }

  @WXComponentProp(name = Constants.Name.SRC)
  @WXComponentProp(name = Constants.Name.RESIZE)

Picasso.with(Context).load(uri).into(view,[callback])

public enum WXImageQuality {

  ORIGINAL,

  LOW,

  NORMAL,

  HIGH
}

public class WXImageStrategy {

  /**
   * Whether to clip image. The default value is false.
   */
  public boolean isClipping;

  /**
   * Whether to sharp the image. The default is false.
   */
  public boolean isSharpen;

  /**
   * The blur radius of the image. [0,10],0 means no blur.
   * */
  public int blurRadius;

  public String placeHolder;

  public ImageListener getImageListener() {
    return imageListener;
  }

  public void setImageListener(ImageListener imageListener) {
    this.imageListener = imageListener;
  }

  ImageListener imageListener;

  public interface ImageListener{
    public void onImageFinish(String url,ImageView imageView,boolean  result,Map extra);
  }
}

   //没有设置图片路径，也就是src参数为空，直接退出
     if(TextUtils.isEmpty(url)) return;

  //让加载图片的任务跑在UI线程  当然也可以不用这样
    WXSDKManager.getInstance().postOnUiThread(new Runnable() {
      @Override
      public void run() {
        if(view==null||view.getLayoutParams()==null){ return;}

    //这里给我们启示，我们可以为了不暴露图片cdn,可以在这里做处理
   //比如 src是xx.png  这里处理成http://www.yourcdn.com/xx.png
   //之所以这样是因为原生代码反编译可以混淆，但是JS是暴露的，可以直接拿到
        String temp = url;
        if (url.startsWith("//")) {temp = "http:" + url; }

        if (view.getLayoutParams().width <= 0 || view.getLayoutParams().height <= 0) {return; }

     //比如你做的是电商，这里可以使用本地的图片当作占位图，等待网络图下载✅
        if(!TextUtils.isEmpty(strategy.placeHolder)){
          Picasso.Builder builder=new Picasso.Builder(WXEnvironment.getApplication());
          Picasso picasso=builder.build();
          picasso.load(Uri.parse(strategy.placeHolder)).into(view);
          view.setTag(strategy.placeHolder.hashCode(),picasso);}

      //这里是核心，本地图加载这句代码就搞定啦
        Picasso.with(WXEnvironment.getApplication()).load(temp)
                .into(view, new Callback() {
                  @Override
                  public void onSuccess() {
                    if(strategy.getImageListener()!=null){
                      strategy.getImageListener().onImageFinish(url,view,true,null);
                    }

                    if(!TextUtils.isEmpty(strategy.placeHolder)){
                      ((Picasso) view.getTag(strategy.placeHolder.hashCode())).cancelRequest(view)
                ;}}
                  @Override
                  public void onError() {
                    if(strategy.getImageListener()!=null){
                      strategy.getImageListener().onImageFinish(url,view,false,null); 
                }} }); }},0);
  }

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 iChenLei on 17/12/22.
 */
public class ImageAdapter implements IWXImgLoaderAdapter {
  @Override
  public void setImage(String url, ImageView view, WXImageQuality quality, WXImageStrategy strategy) {
    //实现你自己的图片下载，否则图片无法显示。
  }
}

package com.weex.sample;
import android.app.Application;
import com.taobao.weex.InitConfig;
import com.taobao.weex.WXSDKEngine;
/*** 
注意要在Manifest中设置android:name=".WXApplication" 
要实现ImageAdapter 否则图片不能下载 
gradle 中一定要添加一些依赖，否则初始化会失败。 
*/
public class WXApplication extends Application { 
   @Override  public void onCreate() {    
             super.onCreate();     
             InitConfig config=new InitConfig.Builder().setImgAdapter(new ImageAdapter()).build();    
             WXSDKEngine.initialize(this,config);  
}}

        ViewPager viewpager = (ViewPager)findViewById(R.id.fragment_master);
        List<Fragment> list = new ArrayList<Fragment>();
        list.add(TestFragment.newInstance("home.js"));
        list.add(TestFragment.newInstance("web.js"));   //这里可能会疑问，这是啥？
        FragmentPagerAdapater fpa = new 
        FragmentPagerAdapater(getSupportFragmentManager(),list);
        viewpager.setAdapter(fpa);

public class TestFragment extends Fragment implements IWXRenderListener {

    //JS来源 可以是本地 也可以是服务器端
    private String mBundleUrl;
    //用来装载weex页面的容器
    private FrameLayout rootView;
    //weexsdk实例
    private WXSDKInstance mWXSDKInstance;

    public TestFragment(){}

    //这里就是我们的newInstance方法
    public static TestFragment newInstance(String url) {
        Bundle args = new Bundle();
        TestFragment fragment = new TestFragment();
        args.putString(WXSDKInstance.BUNDLE_URL,url);
        fragment.setArguments(args);
        return fragment; //我们要的是fragment
    }

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        View view = View.inflate(getActivity(), R.layout.weex_test,null);
        rootView = (FrameLayout)view.findViewById(R.id.fragment_test);

        mBundleUrl = getArguments() != null ? getArguments().getString(WXSDKInstance.BUNDLE_URL) : null;

        mWXSDKInstance = new WXSDKInstance(getActivity());
        mWXSDKInstance.registerRenderListener(this);
        mWXSDKInstance.render("weex fragment test", WXFileUtils.loadAsset(mBundleUrl,getActivity()),null,null, WXRenderStrategy.APPEND_ASYNC);
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        if (rootView.getParent() != null) {
            ((ViewGroup) rootView.getParent()).removeView(rootView);
        }
        System.out.print("[chenlei-weex]  What happened? ");
        return rootView;
    }

    @Override
    public void onViewCreated(WXSDKInstance mWXSDKInstance, View view) {
       //这句代码很重要，将我们渲染的weex view加载到FrameLayout里面
        rootView.addView(view);
        System.out.print("[chenlei-weex] Add view successful?");
    }
}