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);

点赞(0) 打赏

评论列表 共有 0 条评论

暂无评论

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部