使用RecyclerView實現瀑布流的效果

主函數:

public class MainActivity extends AppCompatActivity { private RecyclerView recyclerView; private List<String> dataList  = new ArrayList<String>(); @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //找到控件
       recyclerView = (RecyclerView) findViewById(R.id.recyclerView); //初始化數據
 initData(); //設置瀑布流的佈局方式,參數一:3列 參數二:垂直方向
        StaggeredGridLayoutManager staggeredGridLayoutManager = new StaggeredGridLayoutManager(3,StaggeredGridLayoutManager.VERTICAL); //爲recyclerView設置佈局管理器
 recyclerView.setLayoutManager(staggeredGridLayoutManager); //建立適配器
        final MyRecyclerViewAdapter myRecyclerViewAdapter =new MyRecyclerViewAdapter(this,dataList); //設置適配器
 recyclerView.setAdapter(myRecyclerViewAdapter); //自定義監聽
        myRecyclerViewAdapter.setOnItemCickListener(new MyRecyclerViewAdapter.MyOnItemClickListener() { @Override public void myOnItemClickListener(int position, View view) { Toast.makeText(MainActivity.this, "點擊了第"+position+"條", Toast.LENGTH_SHORT).show(); myRecyclerViewAdapter.deleteData(position); } }); myRecyclerViewAdapter.setOnLongCickListener(new MyRecyclerViewAdapter.MyOnLongClickListener() { @Override public void myOnLongClickListener(int position, View view) { myRecyclerViewAdapter.addData(position,"我是新來的"); } }); } private void initData() { for (int i = 0; i < 30; i++) { dataList.add(i+""); } } }

MyRecycleViewAdapter:

package fanggao.qf.recyclerstaggredgridview01;

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

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

/**
 * Created by Administrator on 2016/9/28.
 */
public class MyRecyclerViewAdapter extends RecyclerView.Adapter<MyRecyclerViewAdapter.MyViewHolder> {
    private Context context;
    private List<String> dataList ;
    private int random;
    private List<Integer>heightList = new ArrayList<Integer>();
    private MyOnItemClickListener myOnItemClcikListener;
    private MyOnLongClickListener myOnLongClickListener;

    public MyRecyclerViewAdapter(Context context, List<String> dataList) {
        this.context = context;
        this.dataList = dataList;
        //初始化高度
        if(dataList != null&&dataList.size() != 0){
            for (int i = 0; i < dataList.size(); i++) {
                random = new Random().nextInt(200)+100;//[100,300)
                heightList.add(random);
            }
        }
    }
    @Override
    public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        //加載佈局
        View inflate = LayoutInflater.from(context).inflate(R.layout.recyclerview_item, parent,false);
        //將佈局傳入viewholder並返回給onBindViewHolder
        return new MyViewHolder(inflate);
    }

    /**
     * 該方法相似與listview中的getView方法,每次加載視圖的時候都會調用,可是這裏給了每一個item隨機的高度,所以當屏幕複用時,
     * 會不斷複用不一樣的高度,當屏幕滑到頂部時,會由於高度不等產生大片空白,而後回到初始狀態,所以,須要給每一個item記錄高度,
     * 將其存到集合,每次調用該item時,設置高度
     * @param holder
     * @param position
     */
    @Override
    public void onBindViewHolder(final MyViewHolder holder, int position) {
        holder.text.setText(dataList.get(position));
        //設置高度
        int height = heightList.get(position);
        //獲得控件的高度
        ViewGroup.LayoutParams layoutParams = holder.text.getLayoutParams();
        //設置高度
        layoutParams.height = height;
        //設置點擊事件
        if(myOnItemClcikListener != null && !holder.text.hasOnClickListeners()){
            holder.text.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    //回調方法,,將view控件和索引傳回,索引必須是佈局在父佈局中的索引,不然索引錯亂最終報錯
                    myOnItemClcikListener.myOnItemClickListener(holder.getLayoutPosition(),v);
                }
            });
        }
        if(myOnLongClickListener != null ){
            holder.text.setOnLongClickListener(new View.OnLongClickListener() {
                @Override
                public boolean onLongClick(View v) {
                    myOnLongClickListener.myOnLongClickListener(holder.getLayoutPosition(),v);
                    return true;
                }
            });
        }


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

    public void deleteData(int position) {
        //使用notifyItemInserted/notifyItemRemoved會有動畫效果
        // 而使用notifyDataSetChanged()則沒有
        heightList.remove(position);
        dataList.remove(position);
        notifyItemRemoved(position);
    }
    public void addData(int position,String str){
        dataList.add(position,str);
        int random = new Random().nextInt(200)+100;
        heightList.add(position,random);
        notifyItemInserted(position);
    }

    //注意:該類是公共的,否則適配器設置設置泛型失敗
  public class MyViewHolder extends RecyclerView.ViewHolder{
        private TextView text;
        public MyViewHolder(View itemView) {
            super(itemView);
            text = (TextView) itemView.findViewById(R.id.tv_text);
        }
    }
    //對外暴露的方法,當設置該方法時,會建立接口的實現類
    public void setOnItemCickListener(MyOnItemClickListener myOnItemClickListener){
        this.myOnItemClcikListener = myOnItemClickListener;
    }
    public void setOnLongCickListener(MyOnLongClickListener myOnLongClickListener){
        this.myOnLongClickListener = myOnLongClickListener;
    }
    //自定義點擊接口
    public interface MyOnItemClickListener{
        void myOnItemClickListener(int position,View view);
    }
    //自定義長按接口
    public interface MyOnLongClickListener{
        void myOnLongClickListener(int position,View view);
    }
}

效

 

 

 

果: