RecyclerView采用StaggeredGridLayoutManager布局的瀑布流效果

参考网友的文章，自己动手试试：

布局文件：

activity_main.xml:

item.xml:

实体类：Product.java

package com.example.tes.recyclerviews;

/**
 * Created by no1 on 2016/7/14.
 */
public class Product {
    private int img;
    private String title;

    public Product(int img, String title) {
        this.img = img;
        this.title = title;
    }

    public int getImg() {
        return img;
    }

    public void setImg(int img) {
        this.img = img;
    }

    public String getTitle() {
        return title;
    }

    public void setTitle(String title) {
        this.title = title;
    }
}

适配器：MyAdapter.java

package com.example.tes.recyclerviews;

import android.content.Context;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.RecyclerView.ViewHolder;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;

import java.util.List;

/**
 * Created by no1 on 2016/7/14.
 */
public class MyAdapter extends RecyclerView.Adapter {
    private List data;
    private Context context;
    private int resouce_id;


    public MyAdapter(List data, Context context, int resouce_id) {
        this.data = data;
        this.context = context;
        this.resouce_id = resouce_id;
    }


    @Override
    public MyHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(context).inflate(resouce_id,null);
        MyHolder myHolder = new MyHolder(view);
        return myHolder;
    }

    @Override
    public void onBindViewHolder(MyHolder holder, int position) {
        holder.img.setImageResource(data.get(position).getImg());
        holder.title.setText(data.get(position).getTitle());
    }

    @Override
    public int getItemCount() {
        return data.size();
    }

    public class MyHolder extends ViewHolder {
        private TextView title;
        private ImageView img;

        public MyHolder(View view) {
            super(view);
            img = (ImageView) view.findViewById(R.id.img);
            title = (TextView) view.findViewById(R.id.title);
        }
    }
}

主活动：MainActivity.java

package com.example.tes.recyclerviews;

import android.app.Activity;
import android.os.Bundle;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.StaggeredGridLayoutManager;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends Activity {
    private List data;
    private int[] imgs ={
            R.drawable.pp0,R.drawable.pp1,R.drawable.pp2,R.drawable.pp3,R.drawable.pp4,R.drawable.pp5,R.drawable.pp6,R.drawable.pp7,R.drawable.pp8,R.drawable.pp9,
            R.drawable.pp10,R.drawable.pp11,R.drawable.pp12,R.drawable.pp13,R.drawable.pp14,R.drawable.pp15,R.drawable.pp16,R.drawable.pp17,R.drawable.pp18,R.drawable.pp19
    };
    private String[] titles ={
           "春雪","夏雨","秋菊","冬梅","玫瑰","晓月","如花","燕雀","青瓷","浮萍",
            "翡翠","红缨","踏雪","彩石","霓凰","鸳鸯","冷月","飘雪","采莲","紫苑"
    };
    private RecyclerView recyclerView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initData();
        initView();
    }

    private void initView() {
        recyclerView = (RecyclerView) findViewById(R.id.recyclerView);
        recyclerView.setLayoutManager(new StaggeredGridLayoutManager(2,StaggeredGridLayoutManager.VERTICAL));
        MyAdapter adpter  = new MyAdapter(data,MainActivity.this,R.layout.item);
        recyclerView.setAdapter(adpter);
        SpacesItemDecoration decoration=new SpacesItemDecoration(16);
        recyclerView.addItemDecoration(decoration);
    }


    private void initData() {
        data = new ArrayList();
        for(int i=0;i

分割线类：SpaceItemDecoration.java

package com.example.tes.recyclerviews;

/**
 * Created by no1 on 2016/7/14.
 */
import android.graphics.Rect;
import android.support.v7.widget.RecyclerView;
import android.view.View;

public class SpacesItemDecoration extends RecyclerView.ItemDecoration {

    private int space;

    public SpacesItemDecoration(int space) {
        this.space=space;
    }

    @Override
    public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
        outRect.left=space;
        outRect.right=space;
        outRect.bottom=space;
        if(parent.getChildAdapterPosition(view)==0){
            outRect.top=space;
        }
    }
}

效果图：