当前位置:网站首页>5.使用RecyclerView优雅的实现瀑布流效果
5.使用RecyclerView优雅的实现瀑布流效果
2022-08-02 14:05:00 【爱上学习啊】
/** * 作者:Pich * 原文链接:http://me.woblog.cn/ * QQ群:129961195 * 微信公众号:woblog * Github:https://github.com/lifengsofts */
概述
从前我们想实现一个瀑布流效果是很难得,需要自己自定义控件,可以说是很麻烦,而且性能也好优化,但是现在就不一样了,因为RecyclerView到来了,他可以很方便的实现瀑布流效果。下面就来看看吧,先来一张效果图:
使用StaggeredGridLayoutManager
StaggeredGridLayoutManager layoutManager = new StaggeredGridLayoutManager(3,
LinearLayoutCompat.VERTICAL);
rv.setLayoutManager(layoutManager);
然后需要注意的就是在Adapter里面需要动态计算图片的高度和宽度。
计算Item的高度
我们这里使用的是Glide图片加载框架,其他图片加载框架也有类似的方法,我们需要做的就是在图片加载回来拿到图片的高度和宽度动态计算Item的高度。
Glide.with(WaterfallFlowActivity.this).load(d).diskCacheStrategy(DiskCacheStrategy.ALL)
.into(new SimpleTarget<GlideDrawable>() {
@Override
public void onResourceReady(GlideDrawable resource,
GlideAnimation<? super GlideDrawable> glideAnimation) {
Log.d("TAG", iv.getWidth() + "," + resource.getIntrinsicWidth());
//计算ImageView的高度
int imageWidth = resource.getIntrinsicWidth();
int imageHeight = resource.getIntrinsicHeight();
int imageViewWidth = iv.getWidth();
double scale = imageWidth * 1.0 / imageViewWidth;
LayoutParams layoutParams = iv.getLayoutParams();
layoutParams.height = (int) (imageHeight / scale);
iv.setLayoutParams(layoutParams);
iv.setImageDrawable(resource);
}
});
现在效果其实就已经差不多出来了,但是还有一些优化的细节需要处理。
边栏推荐
猜你喜欢
随机推荐
宝塔搭建PHP自适应懒人网址导航源码实测
Programming Specifications - LiteOS
Scala连接Mysql数据库
我的第一篇博客
华为路由交换
c语言用scanf出错不安全的解决办法
电商项目常见连续登录,消费,日期等问题
The specific operation process of cloud GPU (Hengyuan cloud) training
ng-style:动态控制样式
C语言日记 2 标识符
原码、补码、反码
PostgreSQL 性能谜题
VS Code无法安装插件之Unable to install because, the extension '' compatible with current version
window10 lower semi-automatic labeling
宝塔搭建PESCMS-Ticket开源客服工单系统源码实测
宝塔搭建DM企业建站系统源码实测
MarkDown syntax summary
MySQL知识总结 (四) 事务
利用c语言实现对键盘输入的一串字符的各类字符的计数
无人驾驶综述:摘要