fragment的布局:

  1. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2. xmlns:tools="http://schemas.android.com/tools"
  3. android:layout_width="match_parent"
  4. android:layout_height="match_parent"
  5. tools:context=".fragment.VodListFragment">
  6. <android.support.v7.widget.RecyclerView
  7. android:id="@+id/id_recyclerview"
  8. android:divider="@color/colorWhite"
  9. android:dividerHeight="0dp"
  10. android:layout_width="match_parent"
  11. android:layout_height="match_parent"></android.support.v7.widget.RecyclerView>
  12. </FrameLayout>

item的布局

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <layout>
  3. <data>
  4. <variable
  5. name="vodvideo"
  6. type="com.xiangbita.dqk.dqkand.model.VodVideo"/>
  7. <variable
  8. name="handler"
  9. type="com.xiangbita.dqk.dqkand.fragment.VodListFragment"/>
  10. </data>
  11. <android.support.v7.widget.CardView xmlns:card_view="http://schemas.android.com/apk/res-auto"
  12. xmlns:android="http://schemas.android.com/apk/res/android"
  13. android:layout_width="match_parent"
  14. android:id="@+id/cardView"
  15. android:onClick="@{(theView) -> handler.to_play(theView, vodvideo)}"
  16. android:layout_height="wrap_content">
  17. <LinearLayout
  18. android:orientation="vertical"
  19. android:layout_width="match_parent"
  20. android:layout_height="wrap_content">
  21. <ImageView
  22. xmlns:app="http://schemas.android.com/apk/res-auto"
  23. android:layout_width="match_parent"
  24. android:layout_height="wrap_content"
  25. android:scaleType="fitCenter"
  26. app:imageUrl="@{vodvideo.snapshot}"/>
  27. <TextView
  28. android:layout_width="match_parent"
  29. android:layout_height="wrap_content"
  30. android:text="title"/>
  31. </LinearLayout>
  32. </android.support.v7.widget.CardView>
  33. </layout>

fragment中对RecyclerView的初始化:

  1. View view  =inflater.inflate(R.layout.fragment_vod_list, container, false);
  2. mRecyclerView = (RecyclerView) view.findViewById(R.id.id_recyclerview);
  3. mspan_count=2;
  4. StaggeredGridLayoutManager layoutManager = new StaggeredGridLayoutManager(mspan_count,StaggeredGridLayoutManager.VERTICAL);
  5. layoutManager.setGapStrategy(StaggeredGridLayoutManager.GAP_HANDLING_NONE);
  6. mRecyclerView.setLayoutManager(layoutManager);
  7. mVodAdapter = new VodAdapter();
  8. mRecyclerView.setAdapter(mVodAdapter);
  9. SpacesItemDecoration decoration=new SpacesItemDecoration(2);
  10. mRecyclerView.addItemDecoration(decoration);
  11. mRecyclerView.setItemAnimator(new DefaultItemAnimator());
  12. videoList = new ArrayList<>();

上面代码中用到的内部类VodAdapter:

  1. class VodAdapter extends RecyclerView.Adapter<VodAdapter.VodItemViewHolder> {
  2. @Override
  3. public VodItemViewHolder onCreateViewHolder(ViewGroup parent, int viewType)
  4. {
  5. ViewDataBinding itembinding = DataBindingUtil.inflate(LayoutInflater.from(getContext()
  6. ), R.layout.vod_list_item, parent, false);
  7. VodItemViewHolder holder = new VodItemViewHolder(itembinding.getRoot());
  8. itembinding.setVariable(BR.handler,VodListFragment.this);
  9. holder.viewDataBinding = itembinding;
  10. return holder;
  11. }
  12. @Override
  13. public void onBindViewHolder(VodItemViewHolder holder, int position)
  14. {
  15. holder.viewDataBinding.setVariable(BR.vodvideo,videoList.get(position));
  16. }
  17. @Override
  18. public int getItemCount()
  19. {
  20. return videoList.size();
  21. }
  22. class VodItemViewHolder extends RecyclerView.ViewHolder
  23. {
  24. public ViewDataBinding viewDataBinding;
  25. public CardView cardView;
  26. public VodItemViewHolder(View view)
  27. {
  28. super(view);
  29. cardView = (CardView) view.findViewById(R.id.cardView);
  30. }
  31. }

用到的内部类SpaceItemDecoration:

  1. public class SpacesItemDecoration extends RecyclerView.ItemDecoration {
  2. private int space;
  3. public SpacesItemDecoration(int space) {
  4. this.space=space;
  5. }
  6. @Override
  7. public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
  8. outRect.left=space;
  9. outRect.right=space;
  10. outRect.bottom=space;
  11. if(parent.getChildAdapterPosition(view)<mspan_count){
  12. outRect.top=space;
  13. }
  14. }
  15. }

做个简单的说明,如果不加这个SpaceItemDecoration会导致数据第一次加载时的item布局异常。

参考资料:

Android RecyclerView 使用完全解析 体验艺术般的控件:http://blog.csdn.NET/lmj623565791/article/details/45059587
RecyclerView实现瀑布流布局: http://blog.csdn.net/tiankong1206/article/details/47088995

基于RecyclerView的瀑布流实现的更多相关文章

  1. Android RecyclerView(瀑布流)水平/垂直方向分割线

     Android RecyclerView(瀑布流)水平/垂直方向分割线 Android RecyclerView不像过去的ListView那样随意的设置水平方向的分割线,如果要实现Recycle ...

  2. RecyclerView 制作瀑布流图片

    这是瀑布流的效果图 RecyclerView(ListView的升级版) 加载图片用的是第三方图片加载框架 ------------------------------------- 在Xml中 &l ...

  3. [Android Pro] RecyclerView实现瀑布流效果(二)

    referece to : http://blog.csdn.net/u010687392 在上篇中我们知道RecyclerView中默认给我们提供了三种布局管理器,分别是LinearLayoutMa ...

  4. 使用RecyclerView实现瀑布流的效果

    主函数: public class MainActivity extends AppCompatActivity { private RecyclerView recyclerView; privat ...

  5. RecyclerView实现瀑布流效果(图文详解+源码奉送)

    最近有时间研究了一下RecyclerView,果然功能强大啊,能实现的效果还是比较多的,那么今天给大家介绍一个用RecyclerView实现的瀑布流效果. 先来一张效果图: 看看怎么实现吧: 整体工程 ...

  6. RecyclerView实现瀑布流效果(二)

    在上篇中我们知道RecyclerView中默认给我们提供了三种布局管理器,分别是LinearLayoutManager.GridLayoutManager.StaggeredGridLayoutMan ...

  7. 初步使用RecyclerView实现瀑布流

    先看效果 关于RecyclerView,真的是很强大. 个人觉得主要方便的地方是 1.直接可以设置条目布局,通过setLayoutManager LinearLayoutManager:线性布局,横向 ...

  8. 用RecyclerView实现瀑布流

    首先建立一个 PbRecyclerViewActivity.java文件: 1 public class PbRecyclerViewActivity extends AppCompatActivit ...

  9. 自定义基于jquery竖向瀑布流插件

    公司新项目做了一个关于图片的板块,网上找了一些瀑布流插件都不是很适合自己,于是就自己造轮子写一个,并封装成插件github 于是就想分享一下,主要是为了更好的学习与记忆. 如果大家进来了,希望能给我g ...

随机推荐

  1. iOS中 UIWebView加载网络数据 技术分享

    直奔核心: #import "TechnologyDetailViewController.h" #define kScreenWidth [UIScreen mainScreen ...

  2. 【一天一道LeetCode】#89. Gray Code

    一天一道LeetCode 本系列文章已全部上传至我的github,地址:ZeeCoder's Github 欢迎大家关注我的新浪微博,我的新浪微博 欢迎转载,转载请注明出处 (一)题目 The gra ...

  3. VC++读取图像RGB值

    代码: #include <iostream> #include <fstream> #include <string> #include <windows. ...

  4. java Domj4读取xml文件

    先概括,再以代码形式给出. 获取节点: Iterator  Element.nodeIterator();  //获取当前标签节点下的所有子节点 获取 标签: Element Document.get ...

  5. javascript之DOM编程根据属性找标签练习

    首先看一下需求: 当点击全选时,选中所有的,当再点击时,全部取消.且选中某些项,点击总金额,会显示处总的金钱数. <!DOCTYPE html PUBLIC "-//W3C//DTD ...

  6. Java对象引用处理机制

    翻译人员: 铁锚 翻译时间: 2013年11月13日 原文链接: How does Java handle aliasing? 什么是Java的引用别名机制 Java的引用别名机制(原文为Aliasi ...

  7. 解决bootstrap row span设置border换行的问题

    Hadoop方面的毕业设计告一段落了,趁这几天空闲时间认真学习一下之前常使用但是却没用好的Bootstrap. 本文记录Bootstrap框架使用栅格系统时,遇到row内的span设置border换行 ...

  8. Android APP新的“优雅”退出方式--EventBus大显身手

    最近在研究eventBus..很多小伙伴不知道他有什么用.. 前篇介绍了EventBus的基本使用 这里简单举一个例子,就是退出APP 转载请注明出处:http://blog.csdn.net/win ...

  9. [转]ubuntu安装vncserver实现图形化访问

    请注意: 如果在安装中部分软件无法安装成功,说明软件源中缺包,先尝试使用命令#apt-get update更新软件源后尝试安装.如果还是不行,需要更换软件源.更换步骤:   1)输入命令#cp /et ...

  10. studio多渠道打包

    由于国内Android市场众多渠道,为了统计每个渠道的下载及其它数据统计,就需要我们针对每个渠道单独打包,如果让你打几十个市场的包岂不烦死了,不过有了Gradle,这事就简单了. 友盟多渠道打包 废话 ...