Android自定义带动画圆环进度条

已于 2022-06-24 10:26:35 修改
阅读量3.3k 收藏 7
点赞数
分类专栏： Android开发笔记 文章标签： android java android studio
于 2016-01-22 11:11:42 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010660841/article/details/50560429
版权

1.首先是自定义类

package com.yx.yxcustomprogress;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.LinearGradient;
import android.graphics.Paint;
import android.graphics.Rect;
import android.graphics.RectF;
import android.graphics.Shader;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.util.TypedValue;
import android.view.View;

import java.util.ArrayList;

public class ColorfulRingProgressView extends View {
    private float           mPercent        = 0f;//进度值默认为0 最大值为100
    private float           mStrokeWidth    = 0f;//圆环宽度
    private int             mBgColor        = 0xffe1e1e1;//默认背景颜色
    private float           mStartAngle     = 0f;//起点位置
    private int             mFgColorStart   = 0xffffe400;//渐变开始颜色
    private int             mFgColorEnd     = 0xffff4800;//渐变结束颜色
    private LinearGradient  mShader         = null;//线性渐变
    private Context         mContext        = null;
    private RectF           mOval           = null;
    private Paint           mPaint          = null;
    public ArrayList<XYZ>   mList           = null;//施工节点坐标集合
    private Float           r               = null;//半径
    private int             distance        = 100;//进度圈离边界的距离
    private int             stage           = 50;//施工阶段离进度圈的距离
    private int             divide          = 6;//将圆等分成几份
    private float           share           = 0f;//将一个圆等分成n时每份所占的度数
    private String          mTitleText      = null;
    private int             mTitleTextColor = 0;
    private int             mTitleTextSize  = 0;
    private Rect            mTextBound      = null;
    private Paint           mTextPaint      = null;
    private float           startPercent    = 0;//上一次的进度
    private int             flag            = 0;//标记是第一次设置percent的值
    private Drawable[]      drawablesCompleted = {
                            getResources().getDrawable(R.mipmap.yqcompleted),
                            getResources().getDrawable(R.mipmap.azcompleted),
                            getResources().getDrawable(R.mipmap.jdcjcompleted),
                            getResources().getDrawable(R.mipmap.sdcompleted),
                            getResources().getDrawable(R.mipmap.ntcompleted),
                            getResources().getDrawable(R.mipmap.mgwgcompleted)};
    private Drawable[]      drawablesNostart = {
                            getResources().getDrawable(R.mipmap.yqnostart),
                            getResources().getDrawable(R.mipmap.aznostart),
                            getResources().getDrawable(R.mipmap.jdcjnostart),
                            getResources().getDrawable(R.mipmap.sdnostart),
                            getResources().getDrawable(R.mipmap.ntnostart),
                            getResources().getDrawable(R.mipmap.mgwgnostart)};

    public ColorfulRingProgressView(Context context, AttributeSet attrs) {
        super(context, attrs);
        this.mContext       = context;
        TypedArray a        = context.getTheme().obtainStyledAttributes(attrs, R.styleable.ColorfulRingProgressView, 0, 0);
        try {
            mBgColor        = a.getColor(R.styleable.ColorfulRingProgressView_bgColor, 0xffe1e1e1);
            mFgColorEnd     = a.getColor(R.styleable.ColorfulRingProgressView_fgColorEnd, 0xffff4800);
            mFgColorStart   = a.getColor(R.styleable.ColorfulRingProgressView_fgColorStart, 0xffffe400);
            mPercent        = a.getFloat(R.styleable.ColorfulRingProgressView_percent, 0);
            mStartAngle     = a.getFloat(R.styleable.ColorfulRingProgressView_startAngle, 0) + 270;
            mStrokeWidth    = a.getDimensionPixelSize(R.styleable.ColorfulRingProgressView_strokeWidth, dp2px(21));
            mTitleText      = a.getString(R.styleable.ColorfulRingProgressView_mTitleText);
            mTitleTextColor = a.getColor(R.styleable.ColorfulRingProgressView_mTitleTextColor, Color.RED);
            mTitleTextSize  = a.getDimensionPixelSize(R.styleable.ColorfulRingProgressView_mTitleTextSize, (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_PX, 20, getResources().getDisplayMetrics()));
        } finally {
            a.recycle();
        }
        init();
    }

    private void init() {
        startPercent = mPercent;
        mPaint = new Paint();
        mPaint.setAntiAlias(true);
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setStrokeWidth(mStrokeWidth);
        mPaint.setStrokeCap(Paint.Cap.ROUND);
        share = (float) (100) / divide;
        mTextBound = new Rect();
        mTextPaint = new Paint();
        mTextPaint.setTextSize(mTitleTextSize);
        mTextPaint.setColor(mTitleTextColor);
        // 计算描绘字体所需要的范围
        mTextPaint.getTextBounds(mTitleText, 0, mTitleText.length(), mTextBound);
    }

    private int dp2px(float dp) {
        return (int) (mContext.getResources().getDisplayMetrics().density * dp + 0.5f);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        int centerX = getWidth() / 2;// 获得圆心的x坐标
        int centerY = getHeight() / 2;// 获得圆心的y坐标
        /** step1、画背景圈 */
        mPaint.setShader(null);
        mPaint.setColor(mBgColor);
        // 设定阴影 (柔边, X轴位移, Y轴位移, 阴影颜色)
        mPaint.setShadowLayer(2, 3, 3, 0x8e1b1a);
        canvas.drawArc(mOval, 0, 360, false, mPaint);
        /** step2、画进度圈 */
        mPaint.setShader(mShader);
        canvas.drawArc(mOval, mStartAngle, mPercent * 3.6f, false, mPaint);
        /** step3、画百分比 */
        mPaint.setAntiAlias(true);// 消除锯齿
        //计算文字的起始点
        //计算baseline（参考文献） http://blog.csdn.net/sirnuo/article/details/21165665
        Paint.FontMetrics fontMetrics = mTextPaint.getFontMetrics();
        float descentY = centerY + fontMetrics.descent;
        // 设置字符串的左边在屏幕的中间
        mTextPaint.setTextAlign(Paint.Align.CENTER);
        //根据要显示的百分比与圆圈进度的百分比之比来换算要显示的百分比
        canvas.drawText((int) (getPercent() * (Float.parseFloat(getmTitleText()) / startPercent)) + "", centerX, descentY, mTextPaint);//100
        /** step3、画施工节点 */
        //这个地方写的比较烂，暂时不知道有什么更好的思路。
        for (int i = 0; i < mList.size(); i++) {
            canvas.save();
            canvas.drawBitmap(((BitmapDrawable) drawablesNostart[i]).getBitmap(), (float) mList.get(i).x - drawablesNostart[i].getIntrinsicWidth() * 0.5f, (float) mList.get(i).y - drawablesNostart[i].getIntrinsicHeight() * 0.5f, mPaint);
            canvas.restore();
        }
        if (getPercent() >= share * 0 && getPercent() < share * 1) {
            canvas.save();
            canvas.drawBitmap(((BitmapDrawable) drawablesCompleted[2]).getBitmap(), (float) mList.get(2).x - drawablesCompleted[2].getIntrinsicWidth() * 0.5f, (float) mList.get(2).y - drawablesCompleted[0].getIntrinsicHeight() * 0.5f, mPaint);
            canvas.restore();
        } else if (getPercent() >= share * 1 && getPercent() < share * 2) {
            canvas.save();
            canvas.drawBitmap(((BitmapDrawable) drawablesCompleted[2]).getBitmap(), (float) mList.get(2).x - drawablesCompleted[2].getIntrinsicWidth() * 0.5f, (float) mList.get(2).y - drawablesCompleted[0].getIntrinsicHeight() * 0.5f, mPaint);
            canvas.drawBitmap(((BitmapDrawable) drawablesCompleted[3]).getBitmap(), (float) mList.get(3).x - drawablesCompleted[3].getIntrinsicWidth() * 0.5f, (float) mList.get(3).y - drawablesCompleted[1].getIntrinsicHeight() * 0.5f, mPaint);
            canvas.restore();
        } else if (getPercent() >= share * 2 && getPercent() < share * 3) {
            canvas.save();
            canvas.drawBitmap(((BitmapDrawable) drawablesCompleted[2]).getBitmap(), (float) mList.get(2).x - drawablesCompleted[2].getIntrinsicWidth() * 0.5f, (float) mList.get(2).y - drawablesCompleted[0].getIntrinsicHeight() * 0.5f, mPaint);
            canvas.drawBitmap(((BitmapDrawable) drawablesCompleted[3]).getBitmap(), (float) mList.get(3).x - drawablesCompleted[3].getIntrinsicWidth() * 0.5f, (float) mList.get(3).y - drawablesCompleted[1].getIntrinsicHeight() * 0.5f, mPaint);
            canvas.drawBitmap(((BitmapDrawable) drawablesCompleted[4]).getBitmap(), (float) mList.get(4).x - drawablesCompleted[4].getIntrinsicWidth() * 0.5f, (float) mList.get(4).y - drawablesCompleted[1].getIntrinsicHeight() * 0.5f, mPaint);
            canvas.restore();
        } else if (getPercent() >= share * 3 && getPercent() < share * 4) {
            canvas.save();
            canvas.drawBitmap(((BitmapDrawable) drawablesCompleted[2]).getBitmap(), (float) mList.get(2).x - drawablesCompleted[2].getIntrinsicWidth() * 0.5f, (float) mList.get(2).y - drawablesCompleted[0].getIntrinsicHeight() * 0.5f, mPaint);
            canvas.drawBitmap(((BitmapDrawable) drawablesCompleted[3]).getBitmap(), (float) mList.get(3).x - drawablesCompleted[3].getIntrinsicWidth() * 0.5f, (float) mList.get(3).y - drawablesCompleted[1].getIntrinsicHeight() * 0.5f, mPaint);
            canvas.drawBitmap(((BitmapDrawable) drawablesCompleted[4]).getBitmap(), (float) mList.get(4).x - drawablesCompleted[4].getIntrinsicWidth() * 0.5f, (float) mList.get(4).y - drawablesCompleted[1].getIntrinsicHeight() * 0.5f, mPaint);
            canvas.drawBitmap(((BitmapDrawable) drawablesCompleted[5]).getBitmap(), (float) mList.get(5).x - drawablesCompleted[5].getIntrinsicWidth() * 0.5f, (float) mList.get(5).y - drawablesCompleted[1].getIntrinsicHeight() * 0.5f, mPaint);
            canvas.restore();
        } else if (getPercent() >= share * 4 && getPercent() < share * 5) {
            canvas.save();
            canvas.drawBitmap(((BitmapDrawable) drawablesCompleted[2]).getBitmap(), (float) mList.get(2).x - drawablesCompleted[2].getIntrinsicWidth() * 0.5f, (float) mList.get(2).y - drawablesCompleted[0].getIntrinsicHeight() * 0.5f, mPaint);
            canvas.drawBitmap(((BitmapDrawable) drawablesCompleted[3]).getBitmap(), (float) mList.get(3).x - drawablesCompleted[3].getIntrinsicWidth() * 0.5f, (float) mList.get(3).y - drawablesCompleted[1].getIntrinsicHeight() * 0.5f, mPaint);
            canvas.drawBitmap(((BitmapDrawable) drawablesCompleted[4]).getBitmap(), (float) mList.get(4).x - drawablesCompleted[4].getIntrinsicWidth() * 0.5f, (float) mList.get(4).y - drawablesCompleted[1].getIntrinsicHeight() * 0.5f, mPaint);
            canvas.drawBitmap(((BitmapDrawable) drawablesCompleted[5]).getBitmap(), (float) mList.get(5).x - drawablesCompleted[5].getIntrinsicWidth() * 0.5f, (float) mList.get(5).y - drawablesCompleted[1].getIntrinsicHeight() * 0.5f, mPaint);
            canvas.drawBitmap(((BitmapDrawable) drawablesCompleted[0]).getBitmap(), (float) mList.get(0).x - drawablesCompleted[0].getIntrinsicWidth() * 0.5f, (float) mList.get(0).y - drawablesCompleted[1].getIntrinsicHeight() * 0.5f, mPaint);
            canvas.restore();
        } else if (getPercent() >= share * 5 && getPercent() <= share * 6) {
            canvas.save();
            canvas.drawBitmap(((BitmapDrawable) drawablesCompleted[2]).getBitmap(), (float) mList.get(2).x - drawablesCompleted[2].getIntrinsicWidth() * 0.5f, (float) mList.get(2).y - drawablesCompleted[0].getIntrinsicHeight() * 0.5f, mPaint);
            canvas.drawBitmap(((BitmapDrawable) drawablesCompleted[3]).getBitmap(), (float) mList.get(3).x - drawablesCompleted[3].getIntrinsicWidth() * 0.5f, (float) mList.get(3).y - drawablesCompleted[1].getIntrinsicHeight() * 0.5f, mPaint);
            canvas.drawBitmap(((BitmapDrawable) drawablesCompleted[4]).getBitmap(), (float) mList.get(4).x - drawablesCompleted[4].getIntrinsicWidth() * 0.5f, (float) mList.get(4).y - drawablesCompleted[1].getIntrinsicHeight() * 0.5f, mPaint);
            canvas.drawBitmap(((BitmapDrawable) drawablesCompleted[5]).getBitmap(), (float) mList.get(5).x - drawablesCompleted[5].getIntrinsicWidth() * 0.5f, (float) mList.get(5).y - drawablesCompleted[1].getIntrinsicHeight() * 0.5f, mPaint);
            canvas.drawBitmap(((BitmapDrawable) drawablesCompleted[0]).getBitmap(), (float) mList.get(0).x - drawablesCompleted[0].getIntrinsicWidth() * 0.5f, (float) mList.get(0).y - drawablesCompleted[1].getIntrinsicHeight() * 0.5f, mPaint);
            canvas.drawBitmap(((BitmapDrawable) drawablesCompleted[1]).getBitmap(), (float) mList.get(1).x - drawablesCompleted[1].getIntrinsicWidth() * 0.5f, (float) mList.get(1).y - drawablesCompleted[1].getIntrinsicHeight() * 0.5f, mPaint);
            canvas.restore();
        }
    }

    //求一个圆划分成n等份，r是半径,(x,y)为圆心坐标的所有坐标值
    private ArrayList<XYZ> onCoordinatePoints(int n, double r, double x, double y) {
        ArrayList<XYZ> mXYZs = new ArrayList<XYZ>();
        // n为分成了多少份
        for (int i = 1; i <= n; i++) {
            double rad = (2 * Math.PI / n) * (double) i;
            rad += Math.PI / 2f;
            double mx = r * Math.cos(rad);
            double my = r * Math.sin(rad);
            //加上圆心坐标
            mXYZs.add(new XYZ(mx + x, my + y));
        }
        return mXYZs;
    }

    class XYZ {
        public double x;
        public double y;

        public XYZ(double x, double y) {
            this.x = x;
            this.y = y;
        }
    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);

        updateOval();

        mShader = new LinearGradient(mOval.left, mOval.top,
                mOval.left, mOval.bottom, mFgColorStart, mFgColorEnd, Shader.TileMode.MIRROR);
    }

    public float getPercent() {
        return mPercent;
    }

    public void setPercent(float mPercent) {
        this.mPercent = mPercent;
        if (flag == 0) {
            flag++;
            startPercent = mPercent;
        }
        refreshTheLayout();
    }

    public String getmTitleText() {
        return mTitleText;
    }

    public void setmTitleText(String mTitleText) {
        this.mTitleText = mTitleText;
        refreshTheLayout();
    }

    public float getStrokeWidth() {
        return mStrokeWidth;
    }

    public void setStrokeWidth(float mStrokeWidth) {
        this.mStrokeWidth = mStrokeWidth;
        mPaint.setStrokeWidth(mStrokeWidth);
        updateOval();
        refreshTheLayout();
    }

    private void updateOval() {
        //修改：增加50距离，来画外圈节点
        int xp = getPaddingLeft() + distance + getPaddingRight() + distance;
        int yp = getPaddingBottom() + distance + getPaddingTop() + distance;
        mOval = new RectF(getPaddingLeft() + distance + mStrokeWidth, getPaddingTop() + distance + mStrokeWidth,
                getPaddingLeft() + distance + (getWidth() - xp) - mStrokeWidth,
                getPaddingTop() + distance + (getHeight() - yp) - mStrokeWidth);
        //计算r
        r = (mOval.right - mOval.left) / 2;
        //增加半径长度，画节点
        mList = onCoordinatePoints(divide, r + stage, r + mOval.left, r + mOval.top);
    }

    public void setStrokeWidthDp(float dp) {
        this.mStrokeWidth = dp2px(dp);
        mPaint.setStrokeWidth(mStrokeWidth);
        updateOval();
        refreshTheLayout();
    }

    public void refreshTheLayout() {
        invalidate();
        requestLayout();
    }

    public int getFgColorStart() {
        return mFgColorStart;
    }

    public void setFgColorStart(int mFgColorStart) {
        this.mFgColorStart = mFgColorStart;
        mShader = new LinearGradient(mOval.left, mOval.top,
                mOval.left, mOval.bottom, mFgColorStart, mFgColorEnd, Shader.TileMode.MIRROR);
        refreshTheLayout();
    }

    public int getFgColorEnd() {
        return mFgColorEnd;
    }

    public void setFgColorEnd(int mFgColorEnd) {
        this.mFgColorEnd = mFgColorEnd;
        mShader = new LinearGradient(mOval.left, mOval.top,
                mOval.left, mOval.bottom, mFgColorStart, mFgColorEnd, Shader.TileMode.MIRROR);
        refreshTheLayout();
    }


    public float getStartAngle() {
        return mStartAngle;
    }

    public void setStartAngle(float mStartAngle) {
        this.mStartAngle = mStartAngle + 270;
        refreshTheLayout();
    }
}

2.MainActivity

package com.yx.yxcustomprogress;

import android.animation.ObjectAnimator;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.Window;
import android.view.animation.LinearInterpolator;

public class MainActivity extends Activity {

    private ColorfulRingProgressView project_schedul_crpv = null;
    private ObjectAnimator anim = null;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_main);

        project_schedul_crpv = (ColorfulRingProgressView) findViewById(R.id.project_schedul_crpv);
        project_schedul_crpv.setPercent(70);//设置进度条的进度，最大值为100
        project_schedul_crpv.setmTitleText("60");//设置百分比，最大值为100
        anim = ObjectAnimator.ofFloat(project_schedul_crpv, "percent", 0, (project_schedul_crpv).getPercent());//设置动画
        anim.setInterpolator(new LinearInterpolator());
        anim.setDuration(2000);
        anim.start();

        project_schedul_crpv.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                anim.start();
            }
        });
    }
}

3.效果图

点我下载Demo

233333。
关注
专栏目录
安卓实现圆圈倒计时
NUC__xjx的博客
04-12 3155
1. 显示效果如下 2. 首先是创建shape的xml文件 在res/drawable目录下创建 shape_round_textview.xml文件，文件代码如下： <?xml version="1.0" encoding="UTF-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval" android:useLevel="false">
Android 自定义View（二）实现环形进度条
一名互联网时代苟且偷生的 Android码农
06-01 1110
自定义View实现环形进度条一、前言二、实现效果1、源码下载：[点击下载](https://github.com/jaynm888/CustomizeView)2、效果图展示3、步骤分析三、代码实现1、自定义属性2、绘制圆环3、绘制圆弧4、更新进度条5、绘制文本总结 一、前言 Android 自定义 View 是高级进阶不可或缺的内容，日常工作中，经常会遇到产品、UI 设计出花里胡哨的界面。当系统自带的控件不能满足开发需求时，就只能自己动手撸一个效果。 本文就带自定义 View 初学者手动撸一个效果，通过自
android ProgressBar 进度条圆环
最新发布
weixin_32112607的博客
07-12 233
Android ProgressBar 进度条圆环 在Android应用程序中，进度条是一种非常常见的UI元素，它用于显示任务的进度。ProgressBar是Android中的一个内置类，可以用来显示水平或者垂直的进度条。但是有时候我们可能需要自定义进度条的样式，比如将进度条显示为一个圆环。本文将介绍如何在Android应...
【Android进度条】三种方式实现自定义圆形进度条ProgressBar
mmdev
03-29 380
一、通过动画实现定义res/anim/loading.xml如下：&lt;?xml version="1.0" encoding="UTF-8"?&gt; &lt;animation-list android:oneshot="false" xmlns:android="http://schemas.android.com/apk/res/android"&gt; &lt;item
三种方式实现自定义圆形进度条ProgressBar
shikun520的专栏
01-06 562
一、通过动画实现 定义res/anim/loading.xml如下： [html] view plaincopyprint?   &lt;?xml version="1.0" encoding="UTF-8"?&gt;   &lt;animation-list android:oneshot="false"   xmlns:android="http://sche...
Android高手进阶之自定义View，自定义属性（带进度的圆形进度条）
移动编程
08-26 563
转载请注明地址：http://blog.csdn.net/xiaanming/article/details/10298163 很多的时候，系统自带的View满足不了我们功能的需求，那么我们就需要自己来自定义一个能满足我们需求的View,自定义View我们需要先继承View，添加类的构造方法，重写父类View的一些方法，例如onDraw，为了我们自定义的View在一个项目中能够重用，有时候我...
Android 自定义环形进度条
long_hai_d的博客
03-05 627
先上效果图吧 ​ 上面的进度条，开始做的时候找了几个不太一样． 然后就自己做了一个修改,继承原生View自己画的 初始化圆的半径和圆心点坐标 @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { int height = getDe...
Android自定义View实现圆环进度条
01-03
本文实例为大家分享了Android自定义View实现圆环进度条的具体代码，供大家参考，具体内容如下 效果展示 动画效果 View实现 1.底层圆环是灰色背景 2.上层圆环是红色背景 3.使用动画画一条弧线 View /** * 圆环...
Android自定义圆形倒计时进度条
09-01
总的来说，`CircleTextProgressbar`是通过自定义视图的方式，结合`TextView`的功能，实现了一个可定制、可动画化的圆形倒计时进度条。开发者可以根据自己的需求调整样式和行为，使其在项目中发挥重要作用。在实际...
Android自定义带加载动画效果的环状进度条
08-28
Android 自定义带加载动画效果的环状进度条 Android 自定义带加载动画效果的环状进度条是 Android 开发中常见的一种进度条组件，通过自定义 View 实现环状进度条的绘制，并添加加载动画效果，提高用户体验。本文将...
android自定义环形进度条（类似仪表盘）
01-05
android自定义环形进度条（类似仪表盘）
Android 自定义View实现环形带刻度的进度条
06-19
详情请查看博客:https://blog.csdn.net/qq_20785431/article/details/80740421
Android动画之——圆形进度条加波浪线
04-14
http://blog.csdn.net/loongago/article/details/70169667
安卓自定义圆环式进度条
Strong_Darkness的博客
04-21 301
安卓自定义圆环式进度条 需求是实现一个圆环式中间带有进度的进度条，自己动手实现一个 package com.djt.aienglish.widget; import android.content.Context; import android.content.res.TypedArray; import android.graphics.Canvas; import android.graphics.Paint; import android.graphics.RectF; import android
android绘制环形进度_Android自定义View实现环形进度条的思路与实例
weixin_39604478的博客
12-21 249
前言前段时间看到了豆瓣FM的音乐播放界面，有一个环形的进度条，非常的好看，于是想了想，为什么不自己做一个呢，于是就开始了自定义的过程豆瓣FM的播放界面如下图：功能分析虽然功能比较简单，但是仍然需要仔细分析1.图标外还有一圈圆圈，可以设置宽度2.圆形进度条和进度条底部，可以设置宽度，颜色等3.内部有一个圆形图片，可旋转实现思路分析1.可以设置宽度的圆圈这个比较容易，直接在onDraw方法中使用can...
Android自定义控件篇 圆形进度条
圈池
12-09 1056
Android自定义控件篇 圆形进度条
Android圆形进度条动画
Beluga_白鲸
07-14 703
说明： 分析了一个git项目：https://github.com/youmu178/ArcProgressBar 效果图： 关键代码： 调用MainActivity.java mArcProgressBar = (ArcProgressBar) findViewById(R.id.arcProgressBar); //重置
Android开发自定义控件之环形进度条
ERP_LXKUN_JAK
07-05 827
Android开发笔记： package com.dchip.tourism.view; import android.content.Context; import android.content.res.TypedArray; import android.graphics.Canvas; import android.graphics.Color; import android.graph...
Android自定义View：圆环进度条与数字百分比实现
"Android自定义View实现圆环带数字百分比进度条" 在Android开发中，自定义View是一种常见的需求，可以满足对界面组件的个性化定制。本文将详细讲解如何实现一个圆环形状的进度条，该进度条带有数字百分比显示，并能...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值