AirRecyclerView+Glide+layouts 今天准时给大家更新啦，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
博主原创未经允许不许转载。