刷新加载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

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