github项目之自定义图片形状（圆形和圆角矩形）

最新推荐文章于 2024-01-23 09:49:05 发布

原创最新推荐文章于 2024-01-23 09:49:05 发布 · 1.6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#github #android #自定义图片形状

github项目专栏收录该内容

8 篇文章

订阅专栏

这里写图片描述

效果

这里写图片描述

关键代码分析

1.定义paint

paint = new Paint();
paint.setAntiAlias(true);

2.使用图片来渲染paint

BitmapShader shader = new BitmapShader(
    Bitmap.createScaledBitmap(image, canvasSize, canvasSize, false),
    Shader.TileMode.CLAMP,
    Shader.TileMode.CLAMP);
paint.setShader(shader);

3.利用RadialGradient的模糊效果和综合shader来渲染模糊的效果：

RadialGradient radialGradient = new RadialGradient(
                        circleCenter,
                        circleCenter,
                        circleCenter,
                        mColors,
                        mPositions,
                        Shader.TileMode.CLAMP);

ComposeShader composeShader = new ComposeShader(
                        shader,
                        radialGradient,
                        PorterDuff.Mode.SRC_OVER);

paint.setShader(composeShader);

4.使用paint来画形状
画圆角矩形：

canvas.drawRoundRect(
    new RectF(
        roundRectPadding,
        roundRectPadding,
        canvasSize-roundRectPadding,
        canvasSize-roundRectPadding),
    roundRectXRadius,
    roundRectYRadius,
    paint);

画圆：

canvas.drawCircle(
    circleCenter + borderWidth,
    circleCenter + borderWidth,
    ((canvasSize - (borderWidth * 2)) / 2) - 4.0f,
    paint);

参考资料

1.CircularImageView
https://github.com/lopspower/CircularImageView

2.circle and round rect image
https://github.com/hfreeman2008/AndroidDemo

3.Paint、Canvas、Matrix使用讲解(一、Paint)
http://blog.youkuaiyun.com/tianjian4592/article/details/44336949