RecyclerView实现瀑布流，图片自适应高度

最新推荐文章于 2025-06-24 16:25:47 发布
置顶 最新推荐文章于 2025-06-24 16:25:47 发布
阅读量2.1w 收藏 26
点赞数 4
CC 4.0 BY-SA版权
分类专栏： Android Demo 文章标签： 瀑布流 Android Staggered
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_31390699/article/details/53465671
本文介绍如何在RecyclerView中实现瀑布流布局，并让图片自适应高度。使用StaggeredGridLayoutManager，设置item布局高度为wrap_content，图片高度同样wrap_content。关键在于在onBindViewHolder中正确计算并设置图片高度，避免滑动过程中高度变化的问题。通过获取图片原始宽高，根据屏幕宽度计算图片高度。推荐使用三方库加载图片，如Glide，并提供了解决图片宽度异常的方法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

话不多说，先上效果图


对于RecyclerView，相信大家都不陌生了，这个集listView，GridView，瀑布流效果与一身强大控件，渐渐地渗透在每个App....

还是回到正题，如何让RecyclerView里的图片自适应高度？

我们知道，要让RecyclerView有瀑布流效果，RecyclerView设置的layoutManager必须是StaggeredGridLayoutManager


在 item的布局中，让最外层布局高度wrap_content, 图片的高度也wrap_content


然后重点就来了，我们知道，要让图片自适应高度，就必须在设置图片的时候，重新给他弄个高度。在哪里设置呢，listView中的getView，RecyclerView中的onBindViewHolder。有些人说，这个我知道啊，可是我每每给这个

最低0.47元/天 解锁文章

200万优质内容无限畅学
简述RecyclerView实现瀑布流并且随机自适应item的高度
HeBiaoBiaoBiao的博客
11-08 4200
我们常见的显示数据的控件listview，下面我简述 一下RecyclerView的使用及简单的现实数据 首先在activity_main.xml中 <android.support.v7.widget.RecyclerView android:id="@+id/recycler" android:layout_width="match_parent" android:layout
Android在RecyclerView中进行图片宽度铺满屏幕高度自适应
qq_45172616的博客
02-26 2116
Android图片宽度铺满屏幕高度自适应 这个单纯是用来记东西的，以下代码都是在网上找到并进行微改。原作者我找不到了。 代码 public void imageWidth(final Drawable imageDrawable,final ImageView imageView){ //我这里是先获取屏幕的宽高，然后把屏幕的宽设为imageView的宽。 ...
Android recyclerview实现图片自适应高度的瀑布流
03-25
效果图和详细介绍在：https://blog.youkuaiyun.com/vida990717/article/details/88798109
recyclerview实现瀑布流图片自适应高度
weixin_43117800的博客
08-31 942
1：:Recyclerview配置适配器 StaggeredGridLayoutManager gridLayoutManager = new StaggeredGridLayoutManager(2, StaggeredGridLayoutManager.VERTICAL) { @Override public boolean canScrollVertically() { return false;//此方法是实现禁止.
通过Recyclerview实现流式布局自适应列数及高度
最新发布
chuyouyinghe的专栏
06-24 50
通过Recyclerview实现流式布局自适应列数及高度
RecyclerView加载瀑布流，图片自适应问题
Zion尘的博客
09-27 2678
在使用recyclerView加载瀑布流时，由于图片加载慢于item绘制，从而导致item中的图片无法正常显示，不是被压缩就是拉伸。
Android RecyclerView 列表加载图片宽高适配
代码小疯子
09-29 1489
图片的宽度为手机屏幕宽度，高度自适应 adapter item布局 <ImageView android:layout_width="match_parent" android:layout_height="wrap_content" android:scaleType="fitXY" android:adjustViewBounds="true"/> Android里ImageView的ScaleType属性，这个属性决定了一张图片如何显示在Image
Android通过Recyclerview实现流式布局自适应列数及高度
weixin_43117800的博客
01-10 2362
仿商品规格选择流式布局
Android RecyclerView实现瀑布流，图片自适应高度，不闪烁，解决位置交换
01-20
本篇文章将详细讲解如何在RecyclerView中实现瀑布流效果，同时确保图片自适应高度且不闪烁，并解决位置交换时的问题。 首先，我们要创建两个XML布局文件。`activity_waterfall`是主布局，`item_waterfall`是...
Anroid利用RecyclerView实现瀑布流效果
03-10
瀑布流布局，又称Pinterest布局，是一种多列布局方式，其中每个元素的宽度相同，高度则根据内容自适应。在RecyclerView中实现这种布局，我们需要自定义LayoutManager和ItemDecoration。 1. RecyclerView基础知识 -...
Android RecyclerView实现瀑布流布局
04-09
为了使瀑布流布局中的item能够根据内容自适应高度，我们还需要实现`StaggeredGridLayoutManager.SpanSizeLookup`接口，重写`getSpanSize`方法，返回每个item占据的列数。这通常会根据item的类型或者内容长度动态计算...
RecyclerView瀑布流中加载不同大小的图片，图片大小不固定
qq_41361738的博客
11-15 336
RecyclerView瀑布流中加载不同大小的图片，图片大小不固定
使用RecyclerView实现瀑布流，仿照小红书，解决顶部留白、卡顿等问题
软件人生
09-18 4050
一、最终效果： 二、工程结构框架： 三、核心实现： （1）、实现RecyclerView控件的适配器类 主要就是实现下面三个函数的重载： @NonNull @Override public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) { View itemView = LayoutInflater.from(mCon
RecyclerView实现小红书式瀑布流布局，及对应的下拉刷新和上拉加载。
weixin_42814000的博客
03-07 2271
![瀑布流的效果图，至于刷新加载的动效，就暂时没有录啦，为方便你直接copy使用，所以都是设的文字—图片你难得找]   先来说说思路 首先，瀑布流的布局跟上拉加载和下拉刷新是两个独立的东西，两者并没有半毛钱关系，不是只有列表类的东西才能刷新加载。   然后说代码，总共需要五个文件 步骤一 引入刷新加载的库及recyclerView implementation group: ...
recyclerview中使用glide加载图片第一次加载时图片被放大或缩小
AnotherPig的博客
04-24 3673
出现这个问题首先就去百度找答案了，结果找到了很多关于glide加载的问题解决方案 Glide.with(context).load(fruit.getImageId()).into(holder.fruitImg);//这是我原本写的 Glide.with(context).load(fruit.getImageId()).asBitmap().centerCrop(...
RecycleView根据网络图片高度实现高度自适应的瀑布流布局
智玲君
11-25 935
https://blog.youkuaiyun.com/w690333243/article/details/74452339
Android RecyclerView 的瀑布流式布局
danfengw的博客
10-29 3127
关于RecyclerView 的使用基础都是RecyclerView转ListView，在RecyclerView的布局方面还有一种布局形式就是StaggeredGridLayoutManager，瀑布流式布局就像上面图片所展示的形式。如果还不太会使用RecyclerView建议先查看博客 Android RecyclerView之代替ListView与GridView 。瀑布流式布局这里的瀑布流式
解决RecyclerView瀑布流效果结合Glide使用时图片变形的问题
weixin_30436101的博客
11-01 449
问题描述：使用Glide加载RecyclerView的Item中的图片，RecyclerView使用了瀑布流展示图片，但是滚动时图片会不断的加载，并且大小位置都会改变，造成显示错乱。 解决方法：使用瀑布流，我们可以根据要展示的列数来将屏幕宽度等分，从而获得Item的宽度。知道了宽度，那么我们就可以使用Glide的override()方法根据图片的比例自适应地放大或缩小得到合适的高度。这样显示时就...
评论 13
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值