刷新加载RecyclerView＋图片加载Glide＋多样式布局（二）

今天准时给大家更新啦，RecyclerView的第二篇，加入图片加载框架Glide和多样式布局。
第一篇关于RecyclerView还不了解请阅读：
http://blog.csdn.net/androidmsky/article/details/52922348
本文Github链接如下：
https://github.com/AndroidMsky/AirRecyclerViewGlide
国际惯例效果图如下：

先介绍多样式布局，可分为三步走，第一步在bean类中加入控制布局的int字段，来供给Adapter选择布局。这里我们定义两种布局，一种图片在中间背景白色，一种图片在左边背景粉色。

Bean代码如下：

public class ActType implements Serializable {    public static final int SHOW_TYPE_1=1;    public static final int SHOW_TYPE_2=2;    public int showType;    public String name;    public String code;    public ArrayList<ActType> actTypeList=new ArrayList<>();    public ActType(String code,int showType){        this.showType=showType;        this.name= code;        this.code=code;    }

第二步在createViewHolder让你adapter去选择两种VIewHolder

 public BaseRecyclerViewHolder createViewHolder(LayoutInflater inflater, ViewGroup parent, int viewType) {        BaseRecyclerViewHolder holder = null;        switch (viewType) {            case ActType.SHOW_TYPE_1:                holder = new ProductHolder(inflater.inflate(R.layout.item_choose_act_type, parent, false));                break;            case ActType.SHOW_TYPE_2:                holder = new ProductHolder2(inflater.inflate(R.layout.item_choose_act_type2, parent, false));                break;        }        return holder;    }

并且创建两个Holder类：

 public BaseRecyclerViewHolder createViewHolder(LayoutInflater inflater, ViewGroup parent, int viewType) {        BaseRecyclerViewHolder holder = null;        switch (viewType) {            case ActType.SHOW_TYPE_1:                holder = new ProductHolder(inflater.inflate(R.layout.item_choose_act_type, parent, false));                break;            case ActType.SHOW_TYPE_2:                holder = new ProductHolder2(inflater.inflate(R.layout.item_choose_act_type2, parent, false));                break;        }        return holder;    }

第三步在onBindViewHolder去指定每个Holder的内容：

@Override    public void onBindViewHolder(BaseRecyclerViewHolder holder, final int position, final ActType data) {        switch (getItemViewType(position)) {            case ActType.SHOW_TYPE_1:                ProductHolder productHolder = (ProductHolder) holder;                productHolder.tvName.setText(data.name);                productHolder.imgRight.setOnClickListener(new View.OnClickListener() {                    @Override                    public void onClick(View view) {                        Toast.makeText(mContext, "" + position, Toast.LENGTH_LONG).show();                    }                });                if (data.name.equals("01"))                    Glide.with(mContext).load(url1)                            .placeholder(R.mipmap.ic_launcher)                            .centerCrop()                            .into(productHolder.imgRight);                if (data.name.equals("02"))                    Glide.with(mContext).load(url2)                            .placeholder(R.mipmap.ic_launcher)                            .centerCrop()                            .into(productHolder.imgRight);                if (data.name.equals("03"))                    Glide.with(mContext).load(url4)                            .placeholder(R.mipmap.ic_launcher)                            .centerCrop()                            .into(productHolder.imgRight);                if (data.name.equals("04"))                    Glide.with(mContext).load(url3)                            .skipMemoryCache(true)                            .centerCrop()                            .into(productHolder.imgRight);                break;            case ActType.SHOW_TYPE_2:                ／／此处省略Type2的内容代码，和1基本一样。                break;        }    }

经过三步走，相信多种布局样式可以搞定， 接下来的是如何使用Glide。

Glide.with(mContext).load(url4).placeholder(R.mipmap.ic_launcher).centerCrop().into(productHolder.imgRight);

看看我们需要什么参数，上下文，图片url，默认显示图片，一个imgView。就是这么简单，轻轻松松给RecyclerView加入喽图片，而且Glide给我处理了二级缓存，很多东西我们都可以不去关心。

 compile files('libs/glide-3.6.1.jar')

笔者是用jar引入的Glide大家也可以用其它方式引入，这个简单精益的小Glide相信大家会喜欢。

通过这两篇文章，相信大家都可以弄出一个带图片。类似微笑朋友圈展示的简单效果。
当然这两篇文章还都是介绍肿么用，很多框架都有很多值得注意的坑，我会在这一系列的第三篇文章中编写。

欢迎关注作者。欢迎评论讨论。欢迎拍砖。
如果觉得这篇文章对你有帮助 欢迎star我的github。也算对笔者的一种支持。
本文Github代码链接
https://github.com/AndroidMsky/AirRecyclerViewGlide

欢迎加作者自营安卓开发交流群：308372687

博主原创未经允许不许转载。