Android学习-RecyclerView实现横向滚动瀑布流布局

ListView扩展性不好,只能实现纵向滚动的效果。
这里偷下懒,我们直接粘贴一下书上的代码。为了加深记忆,理解部分我敲出来。

RecyclerView属于新增的空间,被定义在了support库中,因此,想要使用该控件,需要在项目的build.gradle中添加相应的依赖库才行。
在这里插入图片描述
添加完之后要点击一下Sync Now来进行同步。然后修改布局中的代码
在这里插入图片描述
接下来要为RecyclerView准备一个适配器,新建FruitAdapter类,让这个适配器继承自RecyclerView.Adapter,并将泛型指定为FruitAdapter.ViewHolder。下面把书上代码拉过来。
在这里插入图片描述
ViewHolder的构造函数中要传入一个View参数,这个参数通常就是RecyclerView子项的最外层布局,那么我们可以通过findviewbyid来获取到布局中的imageid和textview的实例。
在自定义的适配器中也有一个构造函数,这个方法用于把要展示的数据源传进来,并赋值给一个全局变量mFruitList,我们后续的操作都将在这个数据源的基础上进行。
由于自定义适配器是继承自RecyclerView.Adapter的,那么必须重写三个方法第一个方法是用于创建ViewHolder实例的,并把加载出来的布局传到构造函数当中,最后将ViewHolder实例返回。第二个方法是用于对RecyclerView的子项数据进行复制的,会在每个子项被滚动到屏幕内的时候执行,这里我们通过position参数得到当前的Fruit实例,然后再将数据设置到ViewHolder的imageView和Textview中。第三个方法是用于告诉RecyclerView有多少个子项,直接返回数据源长度即可。
适配器准备好以后就可以开始使用了,修改活动中的代码,我们直接拉过来。
在这里插入图片描述
在这里插入图片描述
在其中,创建了一个LinearLatoutManager对象,并将它设置到RecyclerView中。LayoutManager用于指定RecyclerView的布局方式,这里使用的LinearLayoutManager是线性布局的意思,可以实现和ListView类似的效果。

接下来实现横向滚动
目前布局里元素是水平排列的,适用于纵向滚动,我们要实现横向滚动应该把元素改成垂直排列。
然后修改活动中代码
在这里插入图片描述
在这里插入图片描述
在Oncreate方法中,创建了一个StaggereGridLayoutManager的实例。StaggerGridLayoutManager的构造函数接受两个参数,第一个参数用于指定布局的列数,传入3表示会把布局分为3列;第二个参数用于指定布局的排列方向,传入StaggeredGridLayoutManager.VERTICAL表示会让布局纵向排列,最后再把创建好的实例设置到RecyclerView当中就可以了,实现了瀑布流布局的效果。不过由于瀑布流布局需要各自子项高度不一致才能看出明显效果,书中又有一个技巧。这里吧目光聚焦在getRandomLengthName这个方法上,这个方法使用了Random对象创造一个1-20的随机数,然后将参数传入的字符串重复随即遍。在init方法中,每个水果的名字都用getRandomLengthName这个方法来生成,这样就能保证子项高度不同。

点击事件的设置。与ListView不同。ListView在点击事件的处理不人性化,setOnItemClickListener方法注册的是子项的点击事件,但如果我想电机的是子项里具体的某一个按钮呢?虽然ListView也是能做到的,但是实现起来就相对麻烦了。所以RecyclerView直接放弃了子项点击事件的监听器,所有点击事件都用具体的View去注册。我们直接拉代码。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
先是修改了ViewHolder,在ViewHolder中添加了fruitview变量保存子项最外层布局的实例,然后在oncreateviewholder方法中去注册就行了。

猜你喜欢

转载自blog.csdn.net/vbbbbbbbbbbb/article/details/113530383