android Glide配合ViewOutlineProvider-实现圆角的工具

原创已于 2022-08-03 00:14:27 修改 · 1.6k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

Android 技术栈

当前文章被收录于：

Android 技术栈

19 篇文章 4 人学习

主要是纪录工作中遇到各种小问题，形成一个笔记的形式，展示给大家，一方面方便自己纪录，一方面希望可以在工作中帮助到大家。仅此而已。

订阅专栏查看详情

当前文章被以下社区和专栏收录：

于 2022-06-24 15:19:30 首次发布

本文介绍了在Android开发中遇到的一个问题：在Banner轮播图中，图片在切换时出现直角然后再显示为圆角。通过使用ViewOutlineProvider和自定义的RoundedCornersTransform解决这一问题。示例代码展示了如何设置View的轮廓为圆角以及Glide加载图片时应用圆角效果的方法。

ViewOutlineProvider 是在 Android5.0添加的新 API,主要作用就是处理 View 的轮廓

我是在Banner轮播中遇到了这个问题，在图片轮播至下一张图片的时候，下一张图会先显示直角，然后在显示圆角。

具体实现代码如下：

banner.outlineProvider = object : ViewOutlineProvider() {
   override fun getOutline(view: View, outline: Outline) {
     outline.setRoundRect(0, 0, view.width, view.height, 50f)
   }
}

其中在Banner加载图片的时候也是做了图片的弧度处理；

Glide.with(holder?.imageView!!.context)
       .load(data)
       .placeholder(R.drawable.icon_project_default_graph)
      .apply(
        RequestOptions().transform(
          CenterCrop(), RoundedCornersTransform(
            holder?.imageView!!.context, 50f,
        )
    )
).into(holder.imageView)