Android自定义View绘制时钟（二）

野性酷女 2022-01-15 19:25 374阅读 0赞

# [GitHub地址][GitHub] #

## 承接上文：[Android自定义View绘制时钟（一）][Android_View] ##

### 练手第二版，解决问题： ###

> 1.  表盘数字不居中
> 2.  时分秒联动不平滑

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdzaHVhaW9ubGluZQ_size_16_color_FFFFFF_t_70]

# 解决问题： #

1.  表盘数字不居中
2.  时分秒联动不平滑

### 1. 表盘数字不居中 ###

//获取text绘制区域顶部以及底部的拓展值，该拓展值是相对给定坐标的坐标。
    float textTop = mPaint.getFontMetrics().top;
    float textBottom = mPaint.getFontMetrics().bottom;
    ...
    if(i%3 == 0) { //0、3、6、9
         mPaint.setColor(getResources().getColor(android.R.color.black));
         canvas.drawText(String.valueOf(num),xNum,yNum-(textTop+textBottom)/2, mPaint);
    }

### 2. 时分秒联动不平滑 ###

while (true) { 
        //设置指针联动
        mProgressSecond +=6;//秒针每秒跳动6度
        if(mProgressSecond%60 == 0){ 
        	mProgressMin +=1;//秒针每转60度分针跳动1度
    		if(mProgressMin!=0&&mProgressMin%12 == 0){ 
    			mProgressHour += 1;//分针每转12度时针跳动1度
        	}
    	}
    	//设置指针重置
    	if(mProgressSecond == 360) mProgressSecond = 0;
    	if(mProgressMin == 360) mProgressMin = 0;
    	if(mProgressHour == 360)  mProgressHour = 0;
    	postInvalidate();//刷新view
    	try { 
    		Thread.sleep(1000);//每秒循环一次
    	} catch (InterruptedException e) { 
    		e.printStackTrace();
    	}
    }

### 未解决问题： ###

> 变幻色！

### 解决问题：[Android自定义View着色器Shader使用][Android_View_Shader] ###

[GitHub]: https://github.com/yangshuaionline/YsAndroid
[Android_View]: https://blog.csdn.net/yangshuaionline/article/details/91588093
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lhbmdzaHVhaW9ubGluZQ_size_16_color_FFFFFF_t_70]: /images/20220115/51200ac7e1614dcbb44a737b67bb04cc.png
[Android_View_Shader]: https://blog.csdn.net/yangshuaionline/article/details/91970860