一个简单的时钟View（关键点：Canvas的平移与旋转）

最新推荐文章于 2024-06-01 10:01:58 发布

swt369

最新推荐文章于 2024-06-01 10:01:58 发布

阅读量677

点赞数

分类专栏： Android 绘图相关文章标签： android绘图

本文链接：https://blog.csdn.net/swt369/article/details/77429532

版权

这篇博客介绍如何利用Android Canvas的平移与旋转特性，简化时钟View的绘图逻辑，避免使用三角函数计算坐标。通过canvas.save()保存原始状态，canvas.restore()恢复状态，canvas.translate()平移及canvas.rotate()旋转实现坐标系变化。文章通过画大刻度和小刻度，并在每次画完后旋转坐标系30°，确保指针动态效果。

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

通过Canvas的平移与旋转简化绘图逻辑是一个非常有用的技巧，下面的时钟view就是利用这个方法完成的，省去了使用三角函数计算坐标的麻烦。
clock

package com.example.swt369.simpleclock;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.view.View;
import android.view.ViewTreeObserver;
import android.widget.Toast;

import java.util.Calendar;

/**
 * Created by swt369 on 2017/8/20.
 */

public class ClockView extends View {
   
    //时钟各个部件的长度
    private float mScaleLengthLong;
    private float mScaleLengthShort;
    private float mTickLengthHour;
    private float mTickLengthMinute;
    private float mTickLengthSecond;
    //view的宽和高
    private float mWidth;
    private float mHeight;
    //时钟半径
    private float mRadius;

    //绘制各部件时用的Paint
    private Paint mPaintScaleLong;
    private Paint mPaintScaleShort;
    private Paint mPaintOutline;
    private Paint mPaintNum;
    private Paint mPaintTickHour;
    private