RecyclerView+Glide+CardView实现瀑布流效果

本文主要是介绍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