基于RecyclerView的瀑布流实现
fragment的布局:
- <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
- xmlns:tools="http://schemas.android.com/tools"
- android:layout_width="match_parent"
- android:layout_height="match_parent"
- tools:context=".fragment.VodListFragment">
- <android.support.v7.widget.RecyclerView
- android:id="@+id/id_recyclerview"
- android:divider="@color/colorWhite"
- android:dividerHeight="0dp"
- android:layout_width="match_parent"
- android:layout_height="match_parent"></android.support.v7.widget.RecyclerView>
- </FrameLayout>
item的布局
- <?xml version="1.0" encoding="utf-8"?>
- <layout>
- <data>
- <variable
- name="vodvideo"
- type="com.xiangbita.dqk.dqkand.model.VodVideo"/>
- <variable
- name="handler"
- type="com.xiangbita.dqk.dqkand.fragment.VodListFragment"/>
- </data>
- <android.support.v7.widget.CardView xmlns:card_view="http://schemas.android.com/apk/res-auto"
- xmlns:android="http://schemas.android.com/apk/res/android"
- android:layout_width="match_parent"
- android:id="@+id/cardView"
- android:onClick="@{(theView) -> handler.to_play(theView, vodvideo)}"
- android:layout_height="wrap_content">
- <LinearLayout
- android:orientation="vertical"
- android:layout_width="match_parent"
- android:layout_height="wrap_content">
- <ImageView
- xmlns:app="http://schemas.android.com/apk/res-auto"
- android:layout_width="match_parent"
- android:layout_height="wrap_content"
- android:scaleType="fitCenter"
- app:imageUrl="@{vodvideo.snapshot}"/>
- <TextView
- android:layout_width="match_parent"
- android:layout_height="wrap_content"
- android:text="title"/>
- </LinearLayout>
- </android.support.v7.widget.CardView>
- </layout>
fragment中对RecyclerView的初始化:
- View view =inflater.inflate(R.layout.fragment_vod_list, container, false);
- mRecyclerView = (RecyclerView) view.findViewById(R.id.id_recyclerview);
- mspan_count=2;
- StaggeredGridLayoutManager layoutManager = new StaggeredGridLayoutManager(mspan_count,StaggeredGridLayoutManager.VERTICAL);
- layoutManager.setGapStrategy(StaggeredGridLayoutManager.GAP_HANDLING_NONE);
- mRecyclerView.setLayoutManager(layoutManager);
- mVodAdapter = new VodAdapter();
- mRecyclerView.setAdapter(mVodAdapter);
- SpacesItemDecoration decoration=new SpacesItemDecoration(2);
- mRecyclerView.addItemDecoration(decoration);
- mRecyclerView.setItemAnimator(new DefaultItemAnimator());
- videoList = new ArrayList<>();
上面代码中用到的内部类VodAdapter:
- class VodAdapter extends RecyclerView.Adapter<VodAdapter.VodItemViewHolder> {
- @Override
- public VodItemViewHolder onCreateViewHolder(ViewGroup parent, int viewType)
- {
- ViewDataBinding itembinding = DataBindingUtil.inflate(LayoutInflater.from(getContext()
- ), R.layout.vod_list_item, parent, false);
- VodItemViewHolder holder = new VodItemViewHolder(itembinding.getRoot());
- itembinding.setVariable(BR.handler,VodListFragment.this);
- holder.viewDataBinding = itembinding;
- return holder;
- }
- @Override
- public void onBindViewHolder(VodItemViewHolder holder, int position)
- {
- holder.viewDataBinding.setVariable(BR.vodvideo,videoList.get(position));
- }
- @Override
- public int getItemCount()
- {
- return videoList.size();
- }
- class VodItemViewHolder extends RecyclerView.ViewHolder
- {
- public ViewDataBinding viewDataBinding;
- public CardView cardView;
- public VodItemViewHolder(View view)
- {
- super(view);
- cardView = (CardView) view.findViewById(R.id.cardView);
- }
- }
用到的内部类SpaceItemDecoration:
- 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)<mspan_count){
- outRect.top=space;
- }
- }
- }
做个简单的说明,如果不加这个SpaceItemDecoration会导致数据第一次加载时的item布局异常。
参考资料:
Android RecyclerView 使用完全解析 体验艺术般的控件:http://blog.csdn.NET/lmj623565791/article/details/45059587
RecyclerView实现瀑布流布局: http://blog.csdn.net/tiankong1206/article/details/47088995
基于RecyclerView的瀑布流实现的更多相关文章
- Android RecyclerView(瀑布流)水平/垂直方向分割线
Android RecyclerView(瀑布流)水平/垂直方向分割线 Android RecyclerView不像过去的ListView那样随意的设置水平方向的分割线,如果要实现Recycle ...
- RecyclerView 制作瀑布流图片
这是瀑布流的效果图 RecyclerView(ListView的升级版) 加载图片用的是第三方图片加载框架 ------------------------------------- 在Xml中 &l ...
- [Android Pro] RecyclerView实现瀑布流效果(二)
referece to : http://blog.csdn.net/u010687392 在上篇中我们知道RecyclerView中默认给我们提供了三种布局管理器,分别是LinearLayoutMa ...
- 使用RecyclerView实现瀑布流的效果
主函数: public class MainActivity extends AppCompatActivity { private RecyclerView recyclerView; privat ...
- RecyclerView实现瀑布流效果(图文详解+源码奉送)
最近有时间研究了一下RecyclerView,果然功能强大啊,能实现的效果还是比较多的,那么今天给大家介绍一个用RecyclerView实现的瀑布流效果. 先来一张效果图: 看看怎么实现吧: 整体工程 ...
- RecyclerView实现瀑布流效果(二)
在上篇中我们知道RecyclerView中默认给我们提供了三种布局管理器,分别是LinearLayoutManager.GridLayoutManager.StaggeredGridLayoutMan ...
- 初步使用RecyclerView实现瀑布流
先看效果 关于RecyclerView,真的是很强大. 个人觉得主要方便的地方是 1.直接可以设置条目布局,通过setLayoutManager LinearLayoutManager:线性布局,横向 ...
- 用RecyclerView实现瀑布流
首先建立一个 PbRecyclerViewActivity.java文件: 1 public class PbRecyclerViewActivity extends AppCompatActivit ...
- 自定义基于jquery竖向瀑布流插件
公司新项目做了一个关于图片的板块,网上找了一些瀑布流插件都不是很适合自己,于是就自己造轮子写一个,并封装成插件github 于是就想分享一下,主要是为了更好的学习与记忆. 如果大家进来了,希望能给我g ...
随机推荐
- iOS中 UIWebView加载网络数据 技术分享
直奔核心: #import "TechnologyDetailViewController.h" #define kScreenWidth [UIScreen mainScreen ...
- 【一天一道LeetCode】#89. Gray Code
一天一道LeetCode 本系列文章已全部上传至我的github,地址:ZeeCoder's Github 欢迎大家关注我的新浪微博,我的新浪微博 欢迎转载,转载请注明出处 (一)题目 The gra ...
- VC++读取图像RGB值
代码: #include <iostream> #include <fstream> #include <string> #include <windows. ...
- java Domj4读取xml文件
先概括,再以代码形式给出. 获取节点: Iterator Element.nodeIterator(); //获取当前标签节点下的所有子节点 获取 标签: Element Document.get ...
- javascript之DOM编程根据属性找标签练习
首先看一下需求: 当点击全选时,选中所有的,当再点击时,全部取消.且选中某些项,点击总金额,会显示处总的金钱数. <!DOCTYPE html PUBLIC "-//W3C//DTD ...
- Java对象引用处理机制
翻译人员: 铁锚 翻译时间: 2013年11月13日 原文链接: How does Java handle aliasing? 什么是Java的引用别名机制 Java的引用别名机制(原文为Aliasi ...
- 解决bootstrap row span设置border换行的问题
Hadoop方面的毕业设计告一段落了,趁这几天空闲时间认真学习一下之前常使用但是却没用好的Bootstrap. 本文记录Bootstrap框架使用栅格系统时,遇到row内的span设置border换行 ...
- Android APP新的“优雅”退出方式--EventBus大显身手
最近在研究eventBus..很多小伙伴不知道他有什么用.. 前篇介绍了EventBus的基本使用 这里简单举一个例子,就是退出APP 转载请注明出处:http://blog.csdn.net/win ...
- [转]ubuntu安装vncserver实现图形化访问
请注意: 如果在安装中部分软件无法安装成功,说明软件源中缺包,先尝试使用命令#apt-get update更新软件源后尝试安装.如果还是不行,需要更换软件源.更换步骤: 1)输入命令#cp /et ...
- studio多渠道打包
由于国内Android市场众多渠道,为了统计每个渠道的下载及其它数据统计,就需要我们针对每个渠道单独打包,如果让你打几十个市场的包岂不烦死了,不过有了Gradle,这事就简单了. 友盟多渠道打包 废话 ...