RecyclerView瀑布流的形式利用Gilde加载网络图片

最新推荐文章于 2024-08-11 03:57:01 发布

qq_39723167

最新推荐文章于 2024-08-11 03:57:01 发布

阅读量2.9k

点赞数

文章标签： android 网络布局

本文链接：https://blog.csdn.net/qq_39723167/article/details/77067024

版权

本文介绍了如何在Android应用中使用RecyclerView创建瀑布流布局，并利用Glide库加载网络图片。首先，创建一个类存储图片URL，然后在MainActivity中配置RecyclerView为瀑布流布局并用Glide加载图片。接着，为RecyclerView添加自定义分割线，最后在第二个Activity中展示点击图片的详情。

摘要由CSDN通过智能技术生成

RecyclerView的简单介绍

RecyclerView 是在Android5.0之后推出的，是一个比ListView更加灵活更加高效的适配器类型控件。但是RecyclerView不同于其他类型的适配器，它还需要一个LayoutManager进行页面控制展示。RecyclerView提供了三种布局管理器：

　　1、LinearLayoutManager:线性布局管理器，支持水平和垂直效果。
　　2、GridLayoutManager:网格布局管理器，支持水平和垂直效果。
　　3、StaggeredGridLayoutManager:分布型管理器，瀑布流效果

效果图1

效果图

效果图2

单独点击一张图片的效果!

1，先创建一个class 把所有图片地址放进去

    package com.example.bx.recyclerviewdemo.util;

/**
 * Created by kuangxiaoguo on 2017/5/6.
 */

public class ImageUtil {
   

    public final static String[] imageUrls = new String[]{
            "https://img-my.csdn.net/uploads/201309/01/1378037235_3453.jpg",
            "https://img-my.csdn.net/uploads/201309/01/1378037235_7476.jpg",
            "https://img-my.csdn.net/uploads/201309/01/1378037235_9280.jpg",
            "https://img-my.csdn.net/uploads/201309/01/1378037234_3539.jpg",
            "https://img-my.csdn.net/uploads/201309/01/1378037234_6318.jpg",
            "https://img-my.csdn.net/uploads/201309/01/1378037194_2965.jpg",
            "https://img-my.csdn.net/uploads/201309/01/1378037193_1687.jpg",
            "https://img-my.csdn.net/uploads/201309/01/1378037193_1286.jpg",
            "https://img-my.csdn.net/uploads/201309/01/1378037192_8379.jpg",
            "https://img-my.csdn.net/uploads/201309/01/1378037178_9374.jpg",
            "https://img-my.csdn.net/uploads/201309/01/1378037177_1254.jpg",
            "https://img-my.csdn.net/uploads/201309/01/1378037177_6203.jpg",
            "https://img-my.csdn.net/uploads/201309/01/1378037152_6352.jpg",
            "https://img-my.csdn.net/uploads/201309/01/1378037151_9565.jpg",
            "https://img-my.csdn.net/uploads/201309/01/1378037151_7904.jpg",
            "https://img-my.csdn.net/uploads/201309/01/1378037148_7104.jpg",
            "https://img-my.csdn.net/uploads/201309/01/1378037129_8825.jpg",
            "https://img-my.csdn.net/uploads/20130