Glide 渐变圆形边框实现

最新推荐文章于 2022-01-18 16:41:15 发布

原创

最新推荐文章于 2022-01-18 16:41:15 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#Android #Glide

本文介绍了如何使用Glide在Android中实现渐变圆形边框。通过 CropCircleTransformation 基础上添加边框和SweepGradient实现渐变效果。详细步骤包括：1) 利用CropCircleTransformation绘制圆形；2) 添加边框圆环；3) 使用SweepGradient实现渐变。需要注意SweepGradient的颜色对称性以确保平滑过渡。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

关于Glide加载圆形图片使用CropCircleTransformation变换即可，项目添加依赖

    compile 'jp.wasabeef:glide-transformations:2.0.1'

然后调用

        Glide.with(getBaseContext())
                .load(url)
                .bitmapTransform(new CropCircleTransformation(getBaseContext()))
                .dontAnimate()
                .diskCacheStrategy(DiskCacheStrategy.SOURCE)
                .into(imageView);

这里就不多说了。网上都有例子。
这里主要讲一下怎么使用Glide实现渐变圆形变换。实现这样的效果：
在这里插入图片描述
简单说一下实现原理，
1、利用Glide的transformation变换，先画一个园,有现成CropCircleTransformation实现
2、把图像化成一个圆后，添加一个边框圆环，在CropCircleTransformation基础上添加一个边框
3、给圆环添加渐变色，利用SweepGradient实现
本着偷懒的原则，有的复用的代码还是要拿来用下，我们看下CropCircleTransformation核心代码


  @Override
    public Resource<Bitmap> transform(Resource<Bitmap> resource, int outWidth, int outHeight) {
        Bitmap

最低0.47元/天解锁文章

200万优质内容无限畅学