Android绘制弧形进度条

最新推荐文章于 2024-05-26 09:33:10 发布

hornsey2012

最新推荐文章于 2024-05-26 09:33:10 发布

阅读量4.4k

点赞数 1

分类专栏： Android 文章标签：设计 app android 开源代码布局

本文链接：https://blog.csdn.net/nalw2012/article/details/49509781

版权

博客介绍了在Android开发中，作者如何根据开源项目Radial-Menu-Widget-Android-master进行改造，创建出更美观的弧形进度条。文章重点在于自定义控件的onDraw方法，提供了一种定制渐变颜色的实现方式。

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

在开发中，需要用到弧形进度条，上网上查了下，有个开源的绘制弧形进度条的，只是它的渐变颜色是分成四段，不是很美观，于是自己参考着做了一个，效果如下图：

这个进度条控件我是参考Radial-Menu-Widget-Android-master开源代码的RadialProgressActivity.java文件改的，修改的主要是它的onDraw函数，修改如下：

protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        this.mRadialWidgetPaint.setStyle(Paint.Style.FILL);
        this.mRadialWidgetPaint.setColor(this.mBorderColor);
        /*用底色画一个圆环，带间隔效果*/
        for(int i = 0; i < this.mMaxSweepAngle; i+=10){
            canvas.drawArc(this.mRadialScoreRect, 90.0F+i, 9.9F, true, this.mRadialWidgetPaint);
        }

        if(this.mCurrentValue <= this.mMaxValue) {
            double textWidth = (double)(this.mCurrentValue * this.mMaxSweepAngle / this.mMaxValue);
            this.readingValuePer = this.mCurrentValue * 100 / this.mMaxValue;

            int i = 0;
            float rate = 0;
            float startAngle = 90.0F;
            /*根据进度条的长度分成长度为10的若干段，每段通过设置alpha值调节颜色*/
            for(i = 0; i<=textWidth-10; i+=10){
                rate = (float)(Math.abs(180-i)/180.0);
                this.mCurrentScoreColor = ((int)(0XFF*rate) <<24)|(this.mScoreColorRange[0] & (~(0XFF <<