美文网首页
换掉图片加载框架引发的血案

换掉图片加载框架引发的血案

作者: Daemon1993 | 来源:发表于2015-12-18 11:22 被阅读250次

    今天打算换掉项目中的图片加载框架
    好家伙 来问题了
    不同的图片加载框架 有不同的API 导致我换掉的话 所有使用的地方都要换掉

    我那个后悔啊 没有在项目开始的时候 新建一个自己的类 包装加载框架 提供对外的接口

    这样以后换框架的时候 可以只修改本类 的具体实现 对外提供的调用完全不用改变

    也就是在程序中调用框架的时候 必须通过我的这个类才能调用 新类对象持有框架对象的引用 所以后面改变原有三方框架可以直接在新类中改变 将框架和我的项目解耦 两者独立 这么一想我发现以后只要使用第三库都需要这样 万一第三库有问题 可以随时切换
    Paste_Image.png
    • 今天看 UML类图的时候 发现这个UML类图不错
    Paste_Image.png

    新类对象叫做代理对象 中间人 中介

    这里写了一个Demo 来看看效果
    这里没有涉及到标准的设计模式
    因为我看了一下 不管是 代理模式还是装饰模式都要实现一个共同的抽象接口 这里貌似不符合 仅仅只是把觉得这样做可以减少后续因为一些原因照成的麻烦

    这里用了三个主流的加载框架 UIL Glide Picasso

    • 先看效果图 可以看到 随时可以切换 图片加载框架 不需要在整个项目中全部修改
    GIF.gif
    • 新建一个接口
      里面是每种主流框架的具体实现方法
      的抽象对象

      public interface LoadImageType {
        void loadImagePICASSO();
        void loadImageGLIDE();
        void loadImageUIL();
      }
      

    实现类 其中UIL Glide Picasso使用和相关配置就不贴出代码了

    /**

    • Created by h2h on 2015/10/29.
      */
      public class ImageProxyUtils implements LoadImageType{
    //后续要增加或者改变就在这里天就 下面的TYPE修改
    
    public static final int TYPE_UIL = 0;
    public static final int TYPE_GLIDE = 1;
    public static final int TYPE_PICASSO = 2;
    
    public static int TYPE = TYPE_GLIDE;
    
    private RequestManager requestManager;
    
    private Context mContext;
    private ImageView mImage;
    private String url;
    public static ImageProxyUtils imageProxyUtils = new ImageProxyUtils();
    public static ImageProxyUtils getImageProxyUtils() {
        return imageProxyUtils;
    }
    
    //在Glide中fragment的类型
    public static final int TYPE_F = 100;
    public static final int TYPE_F4 = 101;
    public static final int TYPE_FN = 102;  //不是fragment
    
    private Fragment mFragment;
    private android.support.v4.app.Fragment mFragment4;
    
    //提供给外面
    public void loadImage(Context context, String url, ImageView imageView) {
        requestManager = Glide.with(context);
        this.mContext = context;
        this.mImage = imageView;
        this.url = url;
    
        loadImage(TYPE);
    }
    
    //这里有多个是因为Glide的特性 可以传入ACtivity Fragment
    public void loadImage(Activity context, String url, ImageView imageView) {
        requestManager = Glide.with(context);
        this.mContext = context;
        this.mImage = imageView;
        this.url = url;
        loadImage(TYPE);
    }
    
    public void loadImage(FragmentActivity context, String url, ImageView imageView) {
        requestManager = Glide.with(context);
        this.mContext = context;
        this.mImage = imageView;
        this.url = url;
        loadImage(TYPE);
    }
    
    public void loadImage(Fragment fragment, String url, ImageView imageView) {
        requestManager = Glide.with(fragment);
        this.mFragment = fragment;
        this.mImage = imageView;
        this.url = url;
        loadImage(TYPE);
    }
    
    public void loadImage(android.support.v4.app.Fragment fragment4, String url, ImageView imageView) {
        requestManager = Glide.with(fragment4);
        this.mFragment4 = fragment4;
        this.mImage = imageView;
        this.url = url;
        loadImage(TYPE);
    }
    
    //这里价格判断 重新一个方法 这里是判断方法
    private void loadImage(int type) {
        switch (type) {
            case TYPE_UIL:
                Log.e("UIL加载", "OK");
                loadImageUIL();
                break;
    
            case TYPE_GLIDE:
                Log.e("Gilde加载", "OK");
                loadImageGLIDE();
                break;
    
            case TYPE_PICASSO:
                Log.e("PICASSO加载", "OK");
                loadImagePICASSO();
                break;
    
            default:
                break;
        }
    }
    
    @Override
    public void loadImagePICASSO() {
        Picasso.with(mContext).load(url)
                .placeholder(R.mipmap.ic_launcher)
                .into(mImage);
    }
    
    @Override
    public void loadImageGLIDE() {
        requestManager
                .load(url)
                .centerCrop()
                .placeholder(R.mipmap.ic_launcher)
                .crossFade()
                .into(mImage);
    }
    
    @Override
    public void loadImageUIL() {
        ImageLoader.getInstance().displayImage(url, mImage, ImageLoaderSetting.defaultOptions);
    }
    }
    

    MainActivity的相关代码

    public class MainActivity extends AppCompatActivity {
    private ListView lv_show;
    private MainDataBean mainDataBean;
    private List<MainDataBean.GoodsEntity> lists = new ArrayList<MainDataBean.GoodsEntity>();
    private MyAdapter myAdapter;
    private Toolbar mToolbar;
    private Button bt_uil;
    private Button bt_gilde;
    private Button bt_picasso;
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    
        bt_uil = (Button) findViewById(R.id.bt_uil);
        bt_gilde = (Button) findViewById(R.id.bt_gilde);
        bt_picasso = (Button) findViewById(R.id.bt_picasso);
    
        bt_gilde.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                ImageProxyUtils.TYPE = ImageProxyUtils.TYPE_GLIDE;
                myAdapter.notifyDataSetChanged();
            }
        });
    
        bt_uil.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                ImageProxyUtils.TYPE = ImageProxyUtils.TYPE_UIL;
    
                myAdapter.notifyDataSetChanged();
            }
        });
    
        bt_picasso.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                ImageProxyUtils.TYPE = ImageProxyUtils.TYPE_PICASSO;
    
                myAdapter.notifyDataSetChanged();
            }
        });
    
        lv_show = (ListView) findViewById(R.id.lv_show);
        getData();
    
    }
    
    private void getData() {
    
        RequestBody requestBody = new FormEncodingBuilder()
                .add("page", 1 + "")
                .build();
    
        Request request = new Request.Builder()
                .url("接口url")
                .post(requestBody)
                .tag(this)
                .build();
    
    
        myAdapter = new MyAdapter(lists, this, R.layout.item);
    
        lv_show.setAdapter(myAdapter);
    
        OkHttpUtil.postData2Server(this, request, new OkHttpUtil.MyCallBack() {
            @Override
            public void onFailure(Request request, IOException e) {
    
            }
    
            @Override
            public void onResponse(String json) {
    
    
                Gson gson = new Gson();
                try {
                    mainDataBean = gson.fromJson(json, MainDataBean.class);
    
                    lists.addAll(mainDataBean.getGoods());
    
    
                    myAdapter.notifyDataSetChanged();
    
                } catch (JsonSyntaxException e) {
                    e.printStackTrace();
                    return;
                }
            }
        });
    }
    }
    
    //这里是一个复写过的Adapter  
    

    地址 http://blog.csdn.net/liubo20140401/article/details/49077105

    class MyAdapter extends MyBaseAdapter<MainDataBean.GoodsEntity> {
    
    public MyAdapter(List<MainDataBean.GoodsEntity> mDatas, Context mContext, int layoutId) {
        super(mDatas, mContext, layoutId);
    
    }
    
    @Override
    public void convert(MyViewHolder holder, MainDataBean.GoodsEntity s) {
    
        ImageView imageView = holder.getView(R.id.iv_show);
        ImageProxyUtils.getImageProxyUtils().loadImage(mContext, "http://www.gouhao315.com/" + s.getOriginal_img(), imageView);
    }  }
    

    贴上一记demo

    相关文章

      网友评论

          本文标题:换掉图片加载框架引发的血案

          本文链接:https://www.haomeiwen.com/subject/liffhttx.html