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

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

话不多说，先上效果图


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

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

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


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


然后重点就来了

最低0.47元/天 解锁文章
FC小司
关注
专栏目录
Android在RecyclerView中进行图片宽度铺满屏幕高度自适应
qq_45172616的博客
02-26 1991
Android图片宽度铺满屏幕高度自适应 这个单纯是用来记东西的，以下代码都是在网上找到并进行微改。原作者我找不到了。 代码 public void imageWidth(final Drawable imageDrawable,final ImageView imageView){ //我这里是先获取屏幕的宽高，然后把屏幕的宽设为imageView的宽。 ...
Android recyclerview实现图片自适应高度的瀑布流
03-25
效果图和详细介绍在：https://blog.csdn.net/vida990717/article/details/88798109
Android RecyclerView实现瀑布流，图片自适应高度，不闪烁，解决位置交换
csdnwangyong的博客
03-19 3678
记录一下以前自己代码中用到过代码效果，也做个备份，省的以后代码找不到，大家也可以参考参考，也许看过网上某些笔记，但是不记得了链接了，有问题可以联系本人 以下会写从布局到java代码以及用到的工具类都写出来，供大家参考 一、首先上两个布局xml文件 activity_waterfall <?xml version="1.0" encoding="utf-8"?> <Li...
Android 折叠屏展开时设置RecyclerView 的宽度
最新发布
weixin_40213126的博客
08-11 67
Android 折叠屏展开时设置 RecyclerView 的宽度 随着科技的不断发展，折叠屏手机逐渐成为市场中的新宠。其独特的设计使得用户可以享受到更大的屏幕面积，尤其是在多任务处理和应用切换时，提升了使用体验。在这种新型设备上，RecyclerView作为Android开发中常用的组件，如何在屏幕展开时自适应宽度变得尤...
Android RecyclerView实现图片自适应高度的瀑布流
vida990717的博客
03-25 4569
项目中要实现图片自适应高度的瀑布流，咋样自适应高度呢？ 1.item的高度宽度要wrap_content 2.获得图片的高度宽度 3.onBindViewHolder中绑定数据的时候，先获取item宽度，计算图片等比例缩放后的高度，为imageView设置参数 关键代码如下： mRecyclerView = findViewById(R.id.recyclerview); mRecyclerVie...
Glide在RecyclerView自适应图片尺寸
rwz657026189的博客
09-17 7695
项目上有个界面包含大量的图文混排，本来是一段html文本，最开始采用的富文本显示（前同事实现了），后来发现有时图片多达50+，极易造成oom，所有进行了重构。外层用RecyclerView控件，item采用包含TextView,ImageView的布局通过设置文本和图片显示或隐藏来实现。实际上又出现一些问题。 1.因为需要的原因，ImageView需要适应源图尺寸，故如下实现： <ImageV
recyclerview实现瀑布流图片自适应高度
weixin_43117800的博客
08-31 872
1：:Recyclerview配置适配器 StaggeredGridLayoutManager gridLayoutManager = new StaggeredGridLayoutManager(2, StaggeredGridLayoutManager.VERTICAL) { @Override public boolean canScrollVertically() { return false;//此方法是实现禁止.
RecyclerView加载瀑布流，图片自适应问题
Zion尘的博客
09-27 2586
在使用recyclerView加载瀑布流时，由于图片加载慢于item绘制，从而导致item中的图片无法正常显示，不是被压缩就是拉伸。
Android RecyclerView 列表加载图片宽高适配
代码小疯子
09-29 1312
图片的宽度为手机屏幕宽度，高度自适应 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 1667
仿商品规格选择流式布局
使用RecyclerView实现瀑布流，仿照小红书，解决顶部留白、卡顿等问题
软件人生
09-18 3568
一、最终效果： 二、工程结构框架： 三、核心实现： （1）、实现RecyclerView控件的适配器类 主要就是实现下面三个函数的重载： @NonNull @Override public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) { View itemView = LayoutInflater.from(mCon
Anroid利用RecyclerView实现瀑布流效果
03-10
瀑布流布局，又称Pinterest布局，是一种多列布局方式，其中每个元素的宽度相同，高度则根据内容自适应。在RecyclerView中实现这种布局，我们需要自定义LayoutManager和ItemDecoration。 1. RecyclerView基础知识 -...
简述RecyclerView实现瀑布流并且随机自适应item的高度
HeBiaoBiaoBiao的博客
11-08 4107
我们常见的显示数据的控件listview，下面我简述 一下RecyclerView的使用及简单的现实数据 首先在activity_main.xml中 <android.support.v7.widget.RecyclerView android:id="@+id/recycler" android:layout_width="match_parent" android:layout
使用RecyclerView实现的瀑布流高度自适应
SmilingGirl_的博客
02-10 1673
RecyclerView实现的瀑布流高度自适应
RecyclerView实现小红书式瀑布流布局，及对应的下拉刷新和上拉加载。
weixin_42814000的博客
03-07 2068
![瀑布流的效果图，至于刷新加载的动效，就暂时没有录啦，为方便你直接copy使用，所以都是设的文字—图片你难得找]   先来说说思路 首先，瀑布流的布局跟上拉加载和下拉刷新是两个独立的东西，两者并没有半毛钱关系，不是只有列表类的东西才能刷新加载。   然后说代码，总共需要五个文件 步骤一 引入刷新加载的库及recyclerView implementation group: ...
recyclerview中使用glide加载图片第一次加载时图片被放大或缩小
AnotherPig的博客
04-24 3551
出现这个问题首先就去百度找答案了，结果找到了很多关于glide加载的问题解决方案 Glide.with(context).load(fruit.getImageId()).into(holder.fruitImg);//这是我原本写的 Glide.with(context).load(fruit.getImageId()).asBitmap().centerCrop(...
RecycleView根据网络图片高度实现高度自适应的瀑布流布局
智玲君
11-25 890
https://blog.csdn.net/w690333243/article/details/74452339
Android——RecyclerView宽高自适应填充
Pzxxc
04-28 4227
基础知识 GridLayoutManager 继承于 LinearLayoutManager，是 RecyclerView 的布局管理器，主要为了实现宫格布局。 GridLayoutManager.setOrientation(GridLayoutManager.VERTICAL) 或 HORIZONTAL 可以设置 RecyclerView 的延展方向，VERTICAL 便是指纵方向延展。 n...
JavaScript实现瀑布流自适应的解决策略
"javascript实现瀑布流自适应遇到的问题及解决方案" 在网页设计中，瀑布流布局是一种常见的展示方式，尤其在图片展示或者商品列表中广泛应用。它以多列的形式排列元素，每列高度不一，使得视觉效果更加动态。在...
评论 13
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值