先介紹多樣式佈局，可分為三步走，第一步在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相信大家會喜歡。

通過這兩篇文章，相信大家都可以弄出一個帶圖片。類似微笑朋友圈展示的簡單效果。
當然這兩篇文章還都是介紹腫麼用，很多框架都有很多值得注意的坑，我會在這一系列的第三篇文章中編寫。

歡迎加作者自營安卓開發交流群：308372687

博主原創未經允許不許轉載。