自定义图片遮罩进度条

最新推荐文章于 2021-05-30 21:35:43 发布

燕燕于飞我是燕

最新推荐文章于 2021-05-30 21:35:43 发布

阅读量2.4k

点赞数 2

分类专栏： java 文章标签：自定义多彩圆环自定义view

本文链接：https://blog.csdn.net/why200981317/article/details/44228013

版权

本文介绍了如何使用BitmapShader实现自定义多彩圆环进度条。通过BitmapShader将图片作为纹理进行绘制，并探讨了Shader的平铺方式，如REPEAT、MIRROR和CLAMP。作者展示了200px*200px散射图在不同平铺方式下的效果，并自定义了一个ImageShadeProgress视图，用于展示三种效果。

摘要由CSDN通过智能技术生成

今天有人在群里问了一个类似的进度条

颜色变换有点多，对于颜色比较少的，可以用RadialGradient镭射渐变完成，颜色比较多，比较复杂的，美工直接做一个图，遮罩显示就好了。

因为是我自己做得动画，截图不是很流畅，实际是很流畅的，

首先看一下BitmapShader，继承自Shader，我们看一下BitmapShader是啥样的Shader，根据api介绍，主要是把bitmap作为一种纹理绘制，看一下Bitmapshader的构造函数

Call this to create a new shader that will draw with a bitmap.
     *
     * @param bitmap            The bitmap to use inside the shader
     * @param tileX             The tiling mode for x to draw the bitmap in.
     * @param tileY             The tiling mode for y to draw the bitmap in.
     */
    public BitmapShader(Bitmap bitmap, TileMode tileX, TileMode tileY) {
        mBitmap = bitmap;
        mTileX = tileX;
        mTileY = tileY;
        final int b = bitmap.ni();
        native_instance = nativeCreate(b, tileX.nativeInt, tileY.nativeInt);
        native_shader = nativePostCreate(native_instance, b, tileX.nativeInt, tileY.nativeInt);
    }

注释已经很清楚了，bitmap作为纹理填充的一个图片，tileX 横向shader的平铺方式，tileY纵向shader的平铺方式

先看一下有哪几种平铺方式