广告位联系
返回顶部
分享到

Android View实现圆形进度条的代码

Android 来源:转载 作者:秩名 发布时间:2021-08-02 07:29:21 人浏览
摘要

主要涉及到下面几个方法: // 画圆canvas.drawCircle// 画圆弧canvas.drawArc// 画文本canvas.drawText// 抗锯齿paint.setAntiAlias(true);// 设置颜色paint.setColor(getResources().getColor(mFgColor, null)); 其次就是对坐标的计算,还有注意就是画圆弧

主要涉及到下面几个方法:

// 画圆
canvas.drawCircle
// 画圆弧
canvas.drawArc
// 画文本
canvas.drawText
// 抗锯齿
paint.setAntiAlias(true);
// 设置颜色
paint.setColor(getResources().getColor(mFgColor, null));

其次就是对坐标的计算,还有注意就是画圆弧的时候,起始从-90度开始才是垂直上方。
效果图:

自定义View:

public class MyView extends View {
    // 线宽度
    private static final int mStrokeWidth = 50;
    private int mVal = 0;
    private static final int mMaxVal = 200;
    private int mGgColor = R.color.arcbg;
    private int mFgColor = R.color.arcfg;

    public MyView(Context context) {
        super(context);
    }

    public MyView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }


    // 设置值
    public void setProgressValue(int val){
        this.mVal = val;
        invalidate();
    }


    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        int width = getMeasuredWidth();
        int height = getMeasuredHeight();

        drawBGCircle(canvas, width, height);
        drawFGArc(canvas, width, height);
        drawText(canvas, width, height);
    }

    // 文本
    private void drawText(Canvas canvas, int width, int height) {
        Paint paint = new Paint();
        paint.setAntiAlias(true);
        paint.setColor(getResources().getColor(mFgColor, null));
        paint.setTextSize(120);
        int percent = (int) (( mVal / (float) mMaxVal ) * 100);
        canvas.drawText(percent + "%", (width - paint.measureText(percent + "%")) / 2, (height + paint.measureText("%")) / 2, paint);
    }

    // 圆弧
    private void drawFGArc(Canvas canvas, int width, int height) {
        Paint paint = new Paint();
        paint.setColor(getResources().getColor(mFgColor, null));
        paint.setStyle(Paint.Style.STROKE);
        paint.setStrokeWidth(mStrokeWidth);
        paint.setAntiAlias(true);
        RectF mRectF = new RectF(mStrokeWidth, mStrokeWidth, width - mStrokeWidth, height - mStrokeWidth);
        int sweepAngle = (int) (360 * mVal / (float) mMaxVal);
        canvas.drawArc(mRectF, -90, sweepAngle, false, paint);
    }

    // 底部圆形
    private void drawBGCircle(Canvas canvas, int width, int height) {
        int r = (width - 2 * mStrokeWidth) / 2;
        Paint cPaint = new Paint();
        cPaint.setColor(getResources().getColor(mGgColor, null));
        cPaint.setStyle(Paint.Style.STROKE);
        cPaint.setStrokeWidth(mStrokeWidth);
        cPaint.setAntiAlias(true);
        canvas.drawCircle(width / 2, height / 2, r, cPaint);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        int width = getSize(widthMeasureSpec, 200);
        int height = getSize(heightMeasureSpec, 200);
        setMeasuredDimension(width, height);
    }

    private int getSize(int widthMeasureSpec, int defultSize) {
        int realSize = defultSize;
        int mode = MeasureSpec.getMode(widthMeasureSpec);
        int size = MeasureSpec.getSize(widthMeasureSpec);
        switch (mode){
            case MeasureSpec.UNSPECIFIED:
                realSize = defultSize;
                break;
            case MeasureSpec.AT_MOST:
                realSize = size;
                break;
            case MeasureSpec.EXACTLY:
                realSize = size;
                break;
        }
        return realSize;
    }
}

然后在布局文件中引用:
 
<com.weizu.myapplication.view.MyView
        android:id="@+id/myView"
        android:layout_width="150dp"
        android:layout_height="150dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

最后,我们设置其点击效果,并开始耗时操作模拟:

MyView view = findViewById(R.id.myView);
view.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        new Thread(new Runnable() {
            @Override
            public void run() {
                int val = 0;
                while(val <= 200){
                    view.setProgressValue(val);
                    val++;
                    try {
                        Thread.sleep(20);
                    } catch (InterruptedException e) {
                        e.printStackTrace();
                    }
                }
            }
        }).start();
    }
});


版权声明 : 本文内容来源于互联网或用户自行发布贡献,该文观点仅代表原作者本人。本站仅提供信息存储空间服务和不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权, 违法违规的内容, 请发送邮件至2530232025#qq.cn(#换@)举报,一经查实,本站将立刻删除。
原文链接 : https://blog.csdn.net/qq_26460841/article/details/119245344
相关文章
  • Kotlin的Collection与Sequence操作异同点介绍

    Kotlin的Collection与Sequence操作异同点介绍
    在Android开发中,集合是我们必备的容器,Kotlin的标准库中提供了很多处理集合的方法,而且还提供了两种基于容器的工作方式:Collection 和
  • 实现一个Kotlin函数类型方法

    实现一个Kotlin函数类型方法
    接口与函数类型 业务开发中,经常会有实现一个函数式接口(即接口只有一个方法需要实现)的场景,大家应该都会不假思索的写出如下代
  • Android10 App启动Activity源码分析
    ActivityThread的main方法 让我们把目光聚焦到ActivityThread的main方法上。 ActivityThread的源码路径为/frameworks/base/core/java/android/app/ActivityThread。 1 2
  • Android10客户端事务管理ClientLifecycleManager源码解析

    Android10客户端事务管理ClientLifecycleManager源码解析
    在Android 10 App启动分析之Activity启动篇(二)一文中,简单地介绍了Activity的生命周期管理器是如何调度Activity进入onCreate生命周期的流程。这
  • Kotlin对象的懒加载方式by lazy与lateinit异同介绍

    Kotlin对象的懒加载方式by lazy与lateinit异同介绍
    属性或对象的延时加载是我们相当常用的,一般我们都是使用 lateinit 和 by lazy 来实现。 他们两者都是延时初始化,那么在使用时那么他们两
  • Android类加载流程分析

    Android类加载流程分析
    本文分析的代码基于Android8.1.0源码。 流程分析 从loadClass开始,我们来看下Android中类加载的流程 /libcore/ojluni/src/main/java/java/lang/ClassLoader.ja
  • Android实现读写USB串口数据的代码

    Android实现读写USB串口数据的代码
    最近在研究USB方面的内容;先后做了关于Android读写HID、串口设备的DEMO。本文比较简单,主要介绍的是Android实现读取串口数据的功能 废话不
  • Epoxy - 在RecyclerView中构建复杂界面
    Diffing 对于复杂数据结构支持的多个视图类型展示在屏幕上, Epoxy此时是尤其有用的. 在这些场景中, 数据可能会被网络请求, 异步 Observable, 用
  • Android性能优化的详细介绍

    Android性能优化的详细介绍
    性能优化是一个app很重要的一部分,一个性能优良的app从被下载到启动到使用都能给用户到来很好的体验。自然我们做性能优化也是从被下
  • Android进阶宝典-插件化2(Hook启动插件中四大组件

    Android进阶宝典-插件化2(Hook启动插件中四大组件
    在上一节,我们主要介绍了如果通过反射来加载插件中的类,调用类中的方法;既然插件是一个apk,其实最重要的是启动插件中的Activity、
  • 本站所有内容来源于互联网或用户自行发布,本站仅提供信息存储空间服务,不拥有版权,不承担法律责任。如有侵犯您的权益,请您联系站长处理!
  • Copyright © 2017-2022 F11.CN All Rights Reserved. F11站长开发者网 版权所有 | 苏ICP备2022031554号-1 | 51LA统计