android ProgressDialog进度条自定义安卓自定义进度条

转载

mob6454cc73e9a6 2023-08-22 22:56:21

文章标签 android 进度条自定义自定义控件 文章分类 Android 移动开发

效果如下图第一个控件
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-bUZSo90G-1657847546219)(https://upload-images.jianshu.io/upload_images/13738977-de8c89bc9670c20e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)]

源码在文末

自定义一个渐变色的进度条，需要怎样定义？又会遇到什么坑？
带着这些问题，开始发车。

思考

1如何绘制

2遇到什么坑

如何绘制

只要安卓开发中，扯上了自定义控件这个字眼，那么，使用canvas就八九不离十了。本次实践中，自定义的是一个进度条，那么，进度条，有什么最最基本要素？
（一）当前进度
（二）背景颜色
除了上述意外，还有一些要素，如：缓存进度等等。确实都是大同小异，只要了解实现的原理，那这些都是时间的产物而已。

话回正题，如何实现。
首先，定义好外部调用的时候，需要传入什么参数，这个很关键，定义不好，就会有很多返工的机会。
笔者针对当前开发需求，定义了一个外部传入对象，代码如下：

//进度条背景色--resource color
    private int bgColor = R.color.color_a8a8a8;
    //进度条开始颜色
    private int progressStartColor = R.color.colorPrimaryDark;
    //进度条结束颜色
    private int progressEndColor = R.color.blue_light;
    //进度条圆角
    private int radius = 20;
    //进度条文字大小，文字颜色,显示的文字
    private int textSize = 16;
    private int textColor = R.color.color_ffffff;
    private String text = "100%";
    //文字是否加粗
    private boolean textBold = false;
    //进度--最大100
    private int progress = 6;

上图中的定义，基本满足当时的需求了。定义好以后，就可以进行自定义view中的canvas开发了。

canvas绘制是有层级的，所以，绘制背景，是第一个操作，再者，就是当前进度，最后，就是进度的文字了。
其中，绘制的字体的时候，注意canvas的drawtext中，y的真正含义。具体可以自行了解开发文档。
绘制进度条背景核心代码如下：

int radius = dp2px(mDrawInfo.getRadius());
  mPaint.setColor(getResources().getColor(mDrawInfo.getBgColor()));
  canvas.drawRoundRect(0, 0, mViewWidth, mViewHeight, radius, radius, mPaint);

其实就是一个drawRoundRect的api调用，没什么特别的。

绘制当前进度核心代码如下：

mPaint.setShader(new LinearGradient(0, 0, mDrawProgress, mViewHeight,
                getResources().getColor(mDrawInfo.getProgressStartColor()),
                getResources().getColor(mDrawInfo.getProgressEndColor()),
                Shader.TileMode.CLAMP
        ));
        RectF rectProgress = new RectF(0, 0, mDrawProgress, mViewHeight);
        canvas.drawRoundRect(rectProgress, radius, radius, mPaint);

因为需求需要当前进度显示一个渐变的颜色，所以，就要对paint画笔对象，设置一个过渡效果，调用setShader对象即可。

最后，绘制文字，核心代码如下：

canvas.drawText(mDrawText, mDrawTextX,
  mViewHeight - mDrawTextHeightInterval, mPaint);

其实就是也是一个drawText方法调用，没什么特别的。

至此，思路已经说完了。但是实际开发中，会有一些地方需要注意的，下面开始发车。

遇到的问题

一、当画笔对象setShader后，若下一个绘制操作不需要，记得要调用setShader(null)。否则会继续保持。
二、对于进度值很少的时候，会出现一个很特别的情况，由于调用的是drawRoundRect方法，所以圆角的地方，会不重合，开发者可以试一下。
如何解决？这就要使用Paint.setXfermode的方法中的PorterDuff.Mode.SRC_IN方法。此外，还要禁用硬件加速setLayerType(View.LAYER_TYPE_SOFTWARE, null)。注意！！！画笔在调用setXfermode方法后，记得及时set null。