Android使用Recycler View实现瀑布流效果

最新推荐文章于 2024-08-11 03:56:50 发布
最新推荐文章于 2024-08-11 03:56:50 发布
阅读量1.5w 收藏 13
点赞数 3
分类专栏： android recyclerview listview
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Fitz_p/article/details/81194288
版权
本文介绍了如何使用Recycler View在Android中实现瀑布流效果。通过创建Activity，设置StaggeredGridLayoutManager为两列垂直布局，并构建Adapter，最终展示了一个简单的瀑布流布局。后续可以添加点击事件和处理内存溢出问题。
摘要由CSDN通过智能技术生成

下图是淘宝上瀑布流的一个应用场景，今天我们就来用Recycler View实现以下瀑布流效果

一：创建Activity

activity中 核心代码为

mRvPu.setLayoutManager(new StaggeredGridLayoutManager(2,StaggeredGridLayoutManager.VERTICAL));

该行代码使用layoutmanager实现一个两列的垂直布局，API解释如下

new StaggeredGridLayoutManager(行数/列数,水平/垂直)

package com.example.fitz.demo4.recycleView;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.StaggeredGridLayoutManager;

import com.example.fitz.demo4.R;

public class PuRecyclerViewActivity extends AppCompatActivity {
    private RecyclerView mRvPu;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layou
最低0.47元/天 解锁文章
Fitz_p
关注
专栏目录
RecyclerView实现瀑布流，快速滑动，侧滑删除，点击图片放大等效果
12-05
RecyclerView实现瀑布流，快速滑动，侧滑删除，点击图片放大等效果
Android瀑布流
djun100的专栏
08-27 4599
应朋友之邀，临时改个demo，大体就这个样子，图片上层想加什么加什么，加载的是本地图片，不是网络的，但也可以拿来参考。因为不是本人现在项目用到的，改完了就不深究了，还有更重要的要忙。关键代码： package com.dodowaterfall; import java.io.IOException; import java.util.ArrayList; import java.util.A
Android 特殊样式的瀑布流
最新发布
weixin_41062862的博客
08-11 22
Android 特殊样式的瀑布流实现 在 Android 开发中，瀑布流是一种非常流行的布局方式，常用于展示图片或商品列表等。为了实现一个特殊样式的瀑布流，我们可以结合 RecyclerView 和 GridLayoutManager 来达到预期效果。本文将通过代码示例，带你一起实现这个功能。 瀑布流的基本概念 瀑布流布局...
android瀑布流
xindrace的博客
10-26 223
今天研究了一下瀑布流，来说一下我实现它的方法。 看一下效果图：       基本的思路是重写了 ScrollView，让它包含一个LinearLayout，然后你要实现几列的就在里面添加几个LinearLayout，然后在循环在那几个LinearLayout里添加图片（也可以是别的view等）。 想看看重写ScrollView的LazyScrollView类 在Lazy...
RecyclerView实现瀑布流布局
热门推荐
NoBlueSky的专栏
07-27 5万+
RecyclerView本身提供了三个LayoutManager的实现 LinearLayoutManager GridLayoutManager StaggeredGridLayoutManager 第一个和第二个大家比较常用，今天我们就来使用第三个比较陌生的StaggeredGridLayoutManager，让你分分钟实现瀑布流布局。 首先来看下最后的效果好吧，让我们来实现它吧 首先是It
Android 瀑布流 效果实现
03-29
在本项目中，我们将探讨如何在Android中实现瀑布流效果，并支持上拉加载和下拉刷新功能。 首先，瀑布流的核心在于对视图的自适应布局管理。在Android中，我们可以使用第三方库如`StaggeredGridLayoutManager`来轻松...
Android使用RecyclerView和StaggeredGridLayoutManager实现瀑布流效果-空实现
Edwin_C 的博客
12-09 2626
5、实现RecyclerView的适配器StaggeredAdapter recyclerView的Adapter是完成数据缓存和装载功能的。官方解释如下： Adapters provide a binding from an app-specific data set to views that are displayed within a {@link RecyclerView}. 翻译...
Android使用RecyclerView和StaggeredGridLayoutManager实现瀑布流效果-引子
Edwin_C 的博客
12-09 2504
1、瀑布流概述     淘宝、京东商城等电商平台的首页在下滑刷新的过程中会出现左右不对齐的情况，这种情况的产生主要是由商品类型决定的。不同类型的商品决定了不同的展示方式，一般情况下会通过自营、满减、满折等标签+价格+描述呈现。鉴于商品的多样性和展示的复杂性，会造成不同的商品单位高低不一的问题，这就是我们要讲的瀑布流的概念。 2、瀑布流实现步骤 搭建Android开发平台创建项目并引入相关依赖包 ...
Android入门第64天-MVVM下瀑布流界面的完美实现-使用RecyclerView
lifetragedy的专栏
02-20 3337
时下最潮的瀑布流是怎么实现的？网上很多关于使用RecyclerView实现瀑布流的例子，还留下了许多坑。这是因为网上所有的关于RecyclerView的使用都是错的，本教程内会使用一个生产上的例子，并辅以正、反两个例子基于mvvm设计模式下使用RecyclerView完整讲述和实现一个正确的拥有良好用户体验类淘宝、抖音的瀑布流墙。
Android RecyclerView实现瀑布流布局
04-09
Android RecyclerView实现瀑布流布局
Android 瀑布流简单实现
01-04
[ Android 瀑布流简单实现 ] Android 瀑布流简单实现对图片的处理
Android使用RecyclerView实现瀑布流效果的列表展示
_万能的博哥的博客
05-04 3945
瀑布流效果图： 第一步：设置RecycleView的布局管理器为瀑布流StaggeredGridLayoutManager RecyclerView rlv = view.findViewById(R.id.pop_rlv); rlv.setLayoutManager(new StaggeredGridLayoutManager(2, StaggeredGridLayoutManage...
Android Recyclerview 简单实用 瀑布流等方式,并加入上下拉加载
cc杂货圈
08-09 1613
RecyclerView 已经出现有一年多了，看过的和没看过的都需要了解一下。 据官方的介绍，该控件用于在有限的窗口中展示大量数据集，其实这样功能的控件我们并不陌生，例如：ListView、GridView。 使用RecyclerView取代以往使用的ListView、GridView，使用SwipeRefreshLayout取代pull-to-refresh第三方库，打造更符
Android : 瀑布流
weixin_43603192的博客
11-14 208
效果 实现代码 需要的jar包 com.android.support:recyclerview-v7:28.0.0 com.android.support:cardview-v7:28.0.0 activitymain的xml代码 <?xml version="1.0" encoding="utf-8"?> &am
android瀑布流布局代码
05-14
Android中可以使用RecyclerView和GridLayoutManager来实现瀑布流布局，以下是示例代码： 1.在布局文件中添加RecyclerView控件： ``` <androidx.recyclerview.widget.RecyclerView android:id="@+id/recycler_view" android:layout_width="match_parent" android:layout_height="match_parent" android:padding="5dp" /> ``` 2.在Activity或Fragment中初始化RecyclerView和GridLayoutManager，并设置Adapter： ``` // 初始化RecyclerView RecyclerView recyclerView = findViewById(R.id.recycler_view); recyclerView.setLayoutManager(new GridLayoutManager(this, 2)); // 设置Adapter MyAdapter adapter = new MyAdapter(this, data); recyclerView.setAdapter(adapter); ``` 3.自定义Adapter，并在ViewHolder中设置图片宽高： ``` public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> { private Context mContext; private List<String> mData; public MyAdapter(Context context, List<String> data) { mContext = context; mData = data; } @NonNull @Override public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) { View view = LayoutInflater.from(mContext).inflate(R.layout.item_layout, parent, false); return new ViewHolder(view); } @Override public void onBindViewHolder(@NonNull ViewHolder holder, int position) { String imageUrl = mData.get(position); // 加载图片，这里使用了Glide库 Glide.with(mContext).load(imageUrl).into(holder.imageView); // 设置图片宽高 ViewGroup.LayoutParams layoutParams = holder.imageView.getLayoutParams(); layoutParams.height = getRandomHeight(); holder.imageView.setLayoutParams(layoutParams); } @Override public int getItemCount() { return mData.size(); } static class ViewHolder extends RecyclerView.ViewHolder { ImageView imageView; public ViewHolder(@NonNull View itemView) { super(itemView); imageView = itemView.findViewById(R.id.image_view); } } // 获取随机高度 private int getRandomHeight() { return (int) (Math.random() * 300 + 200); } } ``` 4.item_layout布局文件中只需要添加一个ImageView即可： ``` <ImageView android:id="@+id/image_view" android:layout_width="match_parent" android:layout_height="wrap_content" android:scaleType="centerCrop" /> ``` 以上就是实现Android瀑布流布局的基本代码，可以根据自己的需求进行修改和扩展。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值