Android 简单的圆形刻度刻画

本文介绍了一种自定义圆形进度条的绘制方法,通过Android的Canvas和Paint实现动态更新的刻度进度条,详细展示了核心代码及其实现原理。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一直xi最近没事做了个 自定义view 绘图绘制圆形的刻度进度条 具体 源码如下


import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.os.Handler;
import android.os.Message;
import android.util.AttributeSet;
import android.view.View;

/**
 * Created by Administrator on 2016/3/30.
 */
public class SampleView2 extends View {

    private int mWidth;//控件宽度

    private int mHeight;//控件高度

    private int mBigRadius = 100;//大半径

    private int mScale = 20;//刻度长度

    private int mSmallRadius;//里面小圆的半径

    private Paint mPaint;//画笔

    private int index = 50;//刻度数

    private double angle = 360d;//角度

    private double smalAngle;//每个小的刻度角度

    private int indexSmal = 0;//标记刻度

    private boolean boolStart = true;

    public SampleView2(Context context) {
        this(context, null);
    }

    public SampleView2(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public SampleView2(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    private void init() {

        mSmallRadius = mBigRadius - mScale;

        mPaint = new Paint();

        mPaint.setStrokeWidth(3);

        mPaint.setColor(Color.RED);

        mPaint.setAntiAlias(true);

        smalAngle = angle / index;

        indexSmal = index;
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);

        int widhSize = getResolveSize(200, widthMeasureSpec);
        int heightSize = getResolveSize(200, heightMeasureSpec);

        if (widhSize > heightSize) {
            heightSize = widhSize;
        }

        mWidth = widhSize;
        mHeight = heightSize;
        setMeasuredDimension(widhSize, heightSize);

    }

    @Override
    protected void onDraw(Canvas canvas) {

        int centerWidth = mWidth / 2;
        int centerheight = mHeight / 2;

        for (int i = 0; i < index; i++) {
            float cosAngle = (float) Math.cos(Math.toRadians(smalAngle * i));
            float sinAngle = (float) Math.sin(Math.toRadians(smalAngle * i));

            if (indexSmal == i) {
                mPaint.setColor(Color.BLACK);
            } else {
                mPaint.setColor(Color.RED);
            }

            canvas.drawLine(centerWidth + mSmallRadius * cosAngle, centerheight - mSmallRadius * sinAngle,
                    centerWidth + mBigRadius * cosAngle, centerheight - mBigRadius * sinAngle, mPaint);

        }

    }


    private int getResolveSize(int size, int measureSec) {
        int result = size;

        int meSize = MeasureSpec.getSize(measureSec);
        int meMode = MeasureSpec.getMode(measureSec);
        switch (meMode) {
            case MeasureSpec.AT_MOST:
                result = Math.min(size, meSize);
                break;
            case MeasureSpec.EXACTLY:
                result = meSize;
                break;
            case MeasureSpec.UNSPECIFIED:
                result = size;
                break;
        }


        return result;
    }

    public void startThread() {
        boolStart = true;

        new Thread(new Runnable() {
            @Override
            public void run() {
                while (boolStart) {
                    try {
                        Thread.sleep(50);

                        if(indexSmal == 0){
                            indexSmal = index;
                        }

                        indexSmal --;
                        handler.sendEmptyMessage(1);
                    } catch (Exception e) {
                        e.printStackTrace();
                    }
                }
            }
        }).start();
    }

    private Handler handler = new Handler(){
        @Override
        public void handleMessage(Message msg) {
            super.handleMessage(msg);
            invalidate();
        }
    };

    public void endThread(){
        boolStart = false;
    }
}

参考文献是 http://www.2cto.com/kf/201505/397558.html



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值