RecyclerView使用StaggeredGridLayoutmanager展示成瀑布流

介绍

代码

 StaggeredGridLayoutManager layoutManager = new StaggeredGridLayoutManager(3,StaggeredGridLayoutManager.VERTICAL);
//展示成三列,然后是竖直方向的
 myRecyclerView.setLayoutManager(layoutManager);
  • 效果图
RecyclerView使用StaggeredGridLayoutmanager展示成瀑布流_第1张图片
device-2017-03-23-102035_看图王.png

布局改变一

上面效果,是每一个item 其宽度是match_parent,高度是wrap_content,如果换成
高度是50dp,固定高度,效果如下
RecyclerView使用StaggeredGridLayoutmanager展示成瀑布流_第2张图片
device-2017-03-23-102228_看图王.png

布局改变二

如果高度变成match_parent,效果如下:
RecyclerView使用StaggeredGridLayoutmanager展示成瀑布流_第3张图片
device-2017-03-23-102526_20170323104752.gif

布局改变四

将展示方向设置为水平的
 StaggeredGridLayoutManager layoutManager = new StaggeredGridLayoutManager(3,StaggeredGridLayoutManager.HORIZONTAL);
 myRecyclerView.setLayoutManager(layoutManager);
那么就会在竖直方向上平分屏幕比例为3份
此时每一个条目的布局是宽度:match_parent,高度是:wrap_content
RecyclerView使用StaggeredGridLayoutmanager展示成瀑布流_第4张图片
device-2017-03-23-105322_20170323105749.gif
如果每个条目宽度:wrap_content,高度:wrap_content
效果图如下:
RecyclerView使用StaggeredGridLayoutmanager展示成瀑布流_第5张图片
wrap_wrap_20170323110002.gif
如果每个条目的宽度是:wrap_content,高度:match_parent
效果图如下:
RecyclerView使用StaggeredGridLayoutmanager展示成瀑布流_第6张图片
wrap_match_20170323110153.gif

你可能感兴趣的:(RecyclerView使用StaggeredGridLayoutmanager展示成瀑布流)