RecyclerView实现瀑布流

来源：互联网发布：滨州行知中学官网编辑：程序博客网时间：2024/05/01 05:44

我们在使用RecyclerView时，更多的是通过网络请求得到数据，比如在加载图片或者列表项时，我们往往需要判断当前屏幕上显示的第一个item的postion是多少，最后一个item的postion是多少，当前屏幕共显示了几个item项，如果使用ListView或者GridView来判断当然好判断，只要实现AbsListView.OnScrollListener这个接口就可以得到，那么在RecyclerView中如何得到呢？RecyclerView中只提供了一个滚动监听器addOnScrollListener，并且不能实现AbsListView.OnScrollListener这个接口，那怎么获取呢？就是通过RecyclerView中的LayoutManager，我们使用RecyclerView时候都必须设置一个LayoutManager布局管理器，通过它我们可以轻松的得到当前屏幕共有几个item，第一个item的postion等数据，即：

[java] view plain copy
 print?
int firstIndex = mLayoutManager.findFirstVisibleItemPosition();//返回当前屏幕第一个显示的item的postion  
int firstComIndex = mLayoutManager.findFirstCompletelyVisibleItemPosition();//返回当前屏幕第一个完全显示的item的postion  
int lastIndex = mLayoutManager.findLastVisibleItemPosition();//返回当前屏幕最后一个显示的item的position  
int lastComIndex = mLayoutManager.findLastCompletelyVisibleItemPosition();//返回当前屏幕最后一个完全显示的item的posion  
View view = mLayoutManager.findViewByPosition(int postion);//返回对应postion的itemView  

RecyclerView中默认给我们提供了三种布局管理器，分别是LinearLayoutManager、GridLayoutManager、StaggeredGridLayoutManager。其中StaggeredGridLayoutManager可实现交错式网格布局，正好可以用来实现瀑布流。

下面先看看效果图吧，再贴代码：

其中大部分内容实现其实是和上篇文章是一样的，就不多叙述了，就一个地方不同，就是我们在适配器中绑定ViewHolder的方法中需要重新给我们的itemView布局设置height，我这里是生成随机数来设置高度的，代码实现为：

[java] view plain copy
 print?
private void getRandomHeight(List<String> lists){//得到随机item的高度  
       heights = new ArrayList<>();  
       for (int i = 0; i < lists.size(); i++) {  
           heights.add((int)(200+Math.random()*400));  
       }  
   }  

在onBindViewHolder方法中：

[java] view plain copy
 print?
ViewGroup.LayoutParams params =  holder.itemView.getLayoutParams();//得到item的LayoutParams布局参数  
 params.height = heights.get(position);//把随机的高度赋予itemView布局  
 holder.itemView.setLayoutParams(params);//把params设置给itemView布局  

从而实现瀑布流效果。

贴一下代码吧：

MainActivity.java

[java] view plain copy
 print?
public class MainActivity extends AppCompatActivity {  
    private RecyclerView mRecyclerView;  
    private List<String> lists;  
    private MyRecyclerAdapter adapter;  
  
    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.activity_main);  
        initData();  
        mRecyclerView = (RecyclerView) this.findViewById(R.id.recyclerView);  
        mRecyclerView.setItemAnimator(new DefaultItemAnimator());  
//        mRecyclerView.addItemDecoration();//设置分割线  
        mRecyclerView.setLayoutManager(new StaggeredGridLayoutManager(2, StaggeredGridLayoutManager.VERTICAL));//设置RecyclerView布局管理器为2列垂直排布  
       adapter = new MyRecyclerAdapter(this,lists);  
        mRecyclerView.setAdapter(adapter);  
        adapter.setOnClickListener(new MyRecyclerAdapter.OnItemClickListener() {  
            @Override  
            public void ItemClickListener(View view, int postion) {  
                Toast.makeText(MainActivity.this,"点击了："+postion,Toast.LENGTH_SHORT).show();  
            }  
            @Override  
            public void ItemLongClickListener(View view, int postion) {  
                //长按删除  
                lists.remove(postion);  
                adapter.notifyItemRemoved(postion);  
            }  
        });  
    }  
  
    private void initData() {  
        lists = new ArrayList();  
        for (int i = 0; i < 100; i++) {  
            lists.add("" + i);  
        }  
    }  
  
}  

MyRecyclerAdapter.java

[java] view plain copy
 print?
public class MyRecyclerAdapter extends RecyclerView.Adapter<MyViewHolder> {  
    private List<String> lists;  
    private Context context;  
    private List<Integer> heights;  
    private OnItemClickListener mListener;  
    public MyRecyclerAdapter(Context context,List<String> lists) {  
        this.context = context;  
        this.lists = lists;  
        getRandomHeight(this.lists);  
    }  
    private void getRandomHeight(List<String> lists){//得到随机item的高度  
        heights = new ArrayList<>();  
        for (int i = 0; i < lists.size(); i++) {  
            heights.add((int)(200+Math.random()*400));  
        }  
    }  
    public interface OnItemClickListener{  
        void ItemClickListener(View view,int postion);  
        void ItemLongClickListener(View view,int postion);  
    }  
    public void setOnClickListener(OnItemClickListener listener){  
        this.mListener = listener;  
    }  
    @Override  
    public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {  
        View view = LayoutInflater.from(context).inflate(R.layout.item,parent,false);  
        MyViewHolder viewHolder = new MyViewHolder(view);  
        return viewHolder;  
    }  
  
    @Override  
    public void onBindViewHolder(final MyViewHolder holder, int position) {  
        ViewGroup.LayoutParams params =  holder.itemView.getLayoutParams();//得到item的LayoutParams布局参数  
        params.height = heights.get(position);//把随机的高度赋予item布局  
        holder.itemView.setLayoutParams(params);//把params设置给item布局  
  
        holder.mTv.setText(lists.get(position));//为控件绑定数据  
        if(mListener!=null){//如果设置了监听那么它就不为空，然后回调相应的方法  
            holder.itemView.setOnClickListener(new View.OnClickListener() {  
                @Override  
                public void onClick(View v) {  
                int pos = holder.getLayoutPosition();//得到当前点击item的位置pos  
                mListener.ItemClickListener(holder.itemView,pos);//把事件交给我们实现的接口那里处理  
                }  
            });  
            holder.itemView.setOnLongClickListener(new View.OnLongClickListener() {  
                @Override  
                public boolean onLongClick(View v) {  
                    int pos = holder.getLayoutPosition();//得到当前点击item的位置pos  
                    mListener.ItemLongClickListener(holder.itemView,pos);//把事件交给我们实现的接口那里处理  
                    return true;  
                }  
            });  
        }  
    }  
  
    @Override  
    public int getItemCount() {  
        return lists.size();  
    }  
}  
class MyViewHolder extends RecyclerView.ViewHolder{  
    TextView mTv;  
    public MyViewHolder(View itemView) {  
        super(itemView);  
        mTv = (TextView) itemView.findViewById(R.id.textView);  
    }  
}  

源码下载地址：http://download.csdn.net/detail/u010687392/8868745

【注】：我们在使用RecyclerView时，更多的是通过网络请求得到数据，比如在加载图片或者列表项时，我们往往需要判断当前屏幕上显示的第一个item的postion是多少，最后一个item的postion是多少，当前屏幕共显示了几个item项，如果使用ListView或者GridView来判断当然好判断，只要实现AbsListView.OnScrollListener这个接口就可以得到，那么在RecyclerView中如何得到呢？RecyclerView中只提供了一个滚动监听器addOnScrollListener，并且不能实现AbsListView.OnScrollListener这个接口，那怎么获取呢？就是通过RecyclerView中的LayoutManager，我们使用RecyclerView时候都必须设置一个LayoutManager布局管理器，通过它我们可以轻松的得到当前屏幕共有几个item，第一个item的postion等数据，即：

[java] view plain copy
 print?
int firstIndex = mLayoutManager.findFirstVisibleItemPosition();//返回当前屏幕第一个显示的item的postion  
int firstComIndex = mLayoutManager.findFirstCompletelyVisibleItemPosition();//返回当前屏幕第一个完全显示的item的postion  
int lastIndex = mLayoutManager.findLastVisibleItemPosition();//返回当前屏幕最后一个显示的item的position  
int lastComIndex = mLayoutManager.findLastCompletelyVisibleItemPosition();//返回当前屏幕最后一个完全显示的item的posion  
View view = mLayoutManager.findViewByPosition(int postion);//返回对应postion的itemView  

0 0