android 自定义钟表View

最新推荐文章于 2022-01-11 15:00:23 发布

一名dotaer

最新推荐文章于 2022-01-11 15:00:23 发布

阅读量277

点赞数

本文链接：https://blog.csdn.net/jqt1208216303/article/details/87074413

版权

android 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

1. 自定义clockview 继承view
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.view.View;


public class ClockView extends View {
    private Paint mPaint;
    private Paint mPenPaint;
    private Paint mPaint1;
    private float mMAgree;
    private float mHArgee;
    private float mSAgree;

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

    public ClockView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        mPaint = new Paint();
        mPaint.setStrokeWidth(5);
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setColor(Color.GRAY);
        mPaint.setAntiAlias(true);

        mPenPaint = new Paint();
        mPenPaint.setTextSize(60);
        mPenPaint.setStyle(Paint.Style.STROKE);
        mPenPaint.setColor(Color.RED);
        mPenPaint.setTextAlign(Paint.Align.CENTER);
        mPenPaint.setAntiAlias(true);

        mPaint1 = new Paint();
        mPaint1.setStyle(Paint.Style.STROKE);
        mPaint1.setColor(Color.GREEN);
        mPaint1.setStrokeWidth(5);
        mPaint1.setAntiAlias(true);
        mPaint1.setStrokeCap(Paint.Cap.ROUND);
    }

    @Override
    public void draw(Canvas canvas) {
        super.draw(canvas);
        // 外层圆以及文字
        canvas.drawArc(new RectF(500, 200, 1100, 800), 10, 70, false, mPaint);
        canvas.drawArc(new RectF(500, 200, 1100, 800), 100, 70, false, mPaint);
        canvas.drawArc(new RectF(500, 200, 1100, 800), 190, 70, false, mPaint);
        canvas.drawArc(new RectF(500, 200, 1100, 800), 280, 70, false, mPaint);
        canvas.drawText("12", 800, 220, mPenPaint);
        canvas.drawText("3", 1100, 520, mPenPaint);
        canvas.drawText("6", 800, 820, mPenPaint);
        canvas.drawText("9", 500, 520, mPenPaint);

        for (int i = 0; i < 60; i++) {
            canvas.save();
            canvas.rotate(360 / 60 * i, 800, 500);

            if (i % 5 == 0) {
                mPenPaint.setStrokeWidth(5);
                mPenPaint.setColor(Color.BLUE);
                canvas.drawLine(800, 250, 800, 280, mPenPaint);
            } else {
                mPenPaint.setStrokeWidth(2);
                mPenPaint.setColor(Color.GREEN);
                canvas.drawLine(800, 250, 800, 265, mPenPaint);
            }
            canvas.restore();
        }

        // 时针
        canvas.save();
        canvas.rotate(mHArgee, 800, 500);
        mPaint1.setColor(Color.GREEN);
        mPaint1.setStrokeWidth(5);
        canvas.drawLine(800, 500, 800, 360, mPaint1);
        canvas.restore();

        //分针
        canvas.save();
        canvas.rotate(mMAgree, 800, 500);
        mPaint1.setColor(Color.GREEN);
        mPaint1.setStrokeWidth(5);
        canvas.drawLine(800, 500, 800, 320, mPaint1);
        canvas.restore();

        //中间圈
        mPaint1.setColor(Color.GRAY);
        mPaint1.setStrokeWidth(5);
        canvas.drawArc(new RectF(795, 495, 805, 505), 0, 360, false, mPaint1);
        canvas.save();
        canvas.rotate(mSAgree, 800, 500);
        canvas.drawArc(new RectF(785, 485, 815, 515), 10, 240, false, mPaint1);
        canvas.restore();

        //秒针
        canvas.save();
        canvas.rotate(mSAgree, 800, 500);
        mPaint1.setColor(Color.BLACK);
        mPaint1.setStrokeWidth(2);
        canvas.drawLine(800, 500, 800, 240, mPaint1);
        mPaint1.setColor(Color.GRAY);
        mPaint1.setStrokeWidth(5);
        canvas.drawLine(800, 515, 800, 535, mPaint1);
        canvas.restore();
    }

    // 更新
    public void update(int hh, int mm, int ss) {
        mMAgree = mm * 6;
        mHArgee = hh * 360 / 12;
        mSAgree = ss * 6;
        invalidate();
    }
}

2.布局文件里引用，activity里一秒钟刷新一次

Calendar calendar = Calendar.getInstance();
int hour = calendar.get(Calendar.HOUR);
int min = calendar.get(Calendar.MINUTE);
int sec = calendar.get(Calendar.SECOND);
mClockView.update(hour, min, sec);