Glide 设置网络图片圆角和 ImageView的ScaleType.CENTER_CROP冲突

江子涛Tesla

于 2024-08-27 20:44:05 发布

阅读量345

点赞数 1

分类专栏： Android 文章标签： glide Android

本文链接：https://blog.csdn.net/u010312949/article/details/141610621

版权

Android 专栏收录该内容

32 篇文章 4 订阅

订阅专栏

Glide设置圆角冲突

原因分析：

对于 ImageView而言，ImageView.ScaleType.CENTER_CROP是ImageView的一种缩放类型，其含义如下：CENTER_CROP表示以保持图片宽高比的方式将图片进行缩放，使得图片的短边能够完全覆盖ImageView，同时图片的长边会超出ImageView的范围，超出的部分会被裁剪掉。最终图片会被居中显示在ImageView中，确保图片尽可能大地填充ImageView同时保持宽高比不变。
而对于Glied的 RoundedCorners来说，其设置圆角半径会改变图片的宽高比。

错误代码：

...........
imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
..............
     Glide.with(holder.itemView)
                .load(URL)
                .transform(new RoundedCorners(30))
                .into(imageView);

#第二种错误写法
...........
imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
..............
     Glide.with(holder.itemView)
                .load(URL)
                .apply(RequestOptions.bitmapTransform(new RoundedCorners(30)))
                .into(imageView);

正确代码：

...........
// 这行代码可以注释掉
// imageView.setScaleType(ImageView.ScaleType.CENTER_CROP); 
..............
    Glide.with(holder.itemView)
                .load(data.getRes())
                .transform(new CenterCrop(), new RoundedCorners(30))
                .into(holder.imageView);