本文主要是介绍RecyclerView+Glide+CardView实现瀑布流效果,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
RecyclerView+Glide实现瀑布流效果
- 设计思路
- 1.导入依赖
- 2.页面布局(.xml文件的编写)
- 2.1 fragment_find.xml文件
- 2.2 item_recycler.xml文件
- 3.Java代码编写
- 3.1 Image实体类
- 3.2 DataAdapter.java文件
- 3.3 findFragment.java文件
- 注意事项
- 1.图片不显示
- 2.在fragment中定义时注意事项
- 结果展示
- 源码地址
设计思路
在类微信小程序首页框架(一)的基础上,修改了图标样式,并在发现页面将以前的文本框改为瀑布流效果的图片浏览。
1.导入依赖
在下图目录中的build.gradle中的dependencies加入下列语句
implementation 'androidx.recyclerview:recyclerview:1.0.0'implementation 'com.github.bumptech.glide:glide:4.11.0'implementation 'androidx.cardview:cardview:1.0.0'
2.页面布局(.xml文件的编写)
.xml文件都在/res/layout目录下
2.1 fragment_find.xml文件
添加recyclerview控件
<androidx.recyclerview.widget.RecyclerViewandroid:id="@+id/rv"android:layout_width="match_parent"android:layout_height="match_parent"></androidx.recyclerview.widget.RecyclerView>
2.2 item_recycler.xml文件
包含文本控件和ImageView控件,用CardView作为父容器进行包裹
<androidx.cardview.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"xmlns:card_view="http://schemas.android.com/apk/res-auto"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginLeft="5dp"android:layout_marginRight="5dp"android:layout_marginTop="5dp"card_view:cardCornerRadius="5dp"><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginBottom="20dp"android:layout_marginLeft="20dp"android:layout_marginTop="20dp"><ImageViewandr
这篇关于RecyclerView+Glide+CardView实现瀑布流效果的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!