Android项目杰尼杰尼（极简番茄工作法）的学习准备之Android时钟

mTextPaint.setTextAlign(Paint.Align.CENTER);

}

总结：

1.因为屏幕显示的大小问题，为了美观所以就只选取了12点，3点，6点，9点这四个特殊刻度来绘制数字。

2.使用anvas. drawText(String text, float x, float y,Paint paint)来绘制数字

绘制指针

绘制指针有三个部分，时针，分针，秒针；

在 drawPointer(Canvas canvas)里调用drawHourPointer(canvas); drawMinutePointer(canvas)； drawSecondPointer(canvas);来分别绘制时针，分针，秒针。

指针

/**

• 绘制指针

*/

private void drawPointer(Canvas canvas) {

drawHourPointer(canvas);

drawMinutePointer(canvas);

drawSecondPointer(canvas);

mPointerPaint.setColor(mClockColor);

// 绘制中心原点，需要在指针绘制完成后才能绘制

canvas.drawCircle(0, 0, mPointRadius, mPointerPaint);

}

时针

/**

• 绘制时针

*/

private void drawHourPointer(Canvas canvas) {

mPointerPaint.setStrokeWidth(mHourPointerWidth);

mPointerPaint.setColor(mColorHourPointer);

// 当前时间的总秒数

float s = mH * 60 * 60 + mM * 60 + mS;

// 百分比

float percentage = s / (12 * 60 * 60);

// 通过角度计算弧度值，因为时钟的角度起线是y轴负方向，而View角度的起线是x轴正方向，所以要加270度

float angle = 270 + 360 * percentage;

float x = (float) (mHourPointerLength * Math.cos(Math.PI * 2 / 360 * angle));

float y = (float) (mHourPointerLength * Math.sin(Math.PI * 2 / 360 * angle));

canvas.drawLine(0, 0, x, y, mPointerPaint);

}

总结：

1.绘制时针时，应该绘制出时针的具体位置，而不是例如5点30分时，时针指在5的刻度线上，而是要让时针跟着秒针的移动而移动。

2.所以，通过当前时间来计算出指针与x轴的角度，从而计算出具体的坐标值。

3.使用canvas.drawLine(0, 0, x, y, mPointerPaint)来绘制指针。

分针与秒针

/**

• 绘制分针

*/

private void drawMinutePointer(Canvas canvas) {

mPointerPaint.setStrokeWidth(mMinutePointerWidth);

mPointerPaint.setColor(mColorMinutePointer);

float s = mM * 60 + mS;

float percentage = s / (60 * 60);

float angle = 270 + 360 * percentage;

float x = (float) (mMinutePointerLength * Math.cos(Math.PI * 2 / 360 * angle));

float y = (float) (mMinutePointerLength * Math.sin(Math.PI * 2 / 360 * angle));

canvas.drawLine(0, 0, x, y, mPointerPaint);

}

/**

• 绘制秒针

*/

private void drawSecondPointer(Canvas canvas) {

mPointerPaint.setStrokeWidth(mSecondPointerWidth);

mPointerPaint.setColor(mColorSecondPointer);

float s = mS;

float percentage = s / 60;

float angle = 270 + 360 * percentage;

float x = (float) (mSecondPointerLength * Math.cos(Math.PI * 2 / 360 * angle));

float y = (float) (mSecondPointerLength * Math.sin(Math.PI * 2 / 360 * angle));

canvas.drawLine(0, 0, x, y, mPointerPaint);

}

总结：

同理与时针的绘制，就不阐述了。

时针的自适应

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

int width = getMeasureSize(true, widthMeasureSpec);

int height = getMeasureSize(false, heightMeasureSpec);

setMeasuredDimension(width, height);

}

/**

• 获取View尺寸

• 基本上算是标准写法

• @param isWidth 是否是width，不是的话，是height

*/

private int getMeasureSize(boolean isWidth, int measureSpec) {

int result = 0;

int specSize = MeasureSpec.getSize(measureSpec);

int specMode = MeasureSpec.getMode(measureSpec);

switch (specMode) {

case MeasureSpec.UNSPECIFIED:

if (isWidth) {

result = getSuggestedMinimumWidth();

} else {

result = getSuggestedMinimumHeight();

}

break;

case MeasureSpec.AT_MOST:

if (isWidth)

result = Math.min(specSize, mWidth);

else

result = Math.min(specSize, mHeight);

break;

case MeasureSpec.EXACTLY:

result = specSize;

break;

}

return result;

}

@Override

protected void onSizeChanged(int w, int h, int oldw, int oldh) {

super.onSizeChanged(w, h, oldw, oldh);

mWidth = w;

mHeight = h;

mCenterX = w / 2;

mCenterY = h / 2;

mRadius = (float) (w / 2 * 0.8);

initClockPointerLength();

}

/**

• 根据控件的大小，初始化时钟刻度的长度和宽度、指针的长度和宽度、时钟中心点的半径

*/

private void initClockPointerLength() {

/*

• 默认时钟刻度长=半径/10;

• 默认时钟刻度宽=长/6;

• */

mDefaultScaleLength = mRadius / 10;

mDefaultScaleWidth = mDefaultScaleLength / 6;

/*

• 特殊时钟刻度长=半径/5;

• 特殊时钟刻度宽=长/6;

• */

mParticularlyScaleLength = mRadius / 5;

mParticularlyScaleWidth = mParticularlyScaleLength / 6;

/*

• 时针长=半径/3;

• 时针宽=特殊时钟刻度宽;

• */

mHourPointerLength = mRadius / 3;

mHourPointerWidth = mParticularlyScaleWidth;

/*

• 分针长=半径/2;

• 分针宽=特殊时钟刻度宽;

• */

mMinutePointerLength = mRadius / 2;

mMinutePointerWidth = mParticularlyScaleWidth;

/*

• 秒针长=半径/3*2;

• 秒针宽=默认时钟刻度宽;

• */

mSecondPointerLength = mRadius / 3 * 2;

mSecondPointerWidth = mDefaultScaleWidth;

// 中心点半径=（默认刻度宽+特殊刻度宽）/2

mPointRadius = (mDefaultScaleWidth + mParticularlyScaleWidth) / 2;

}

总结：

1.使用onMeasure(int widthMeasureSpec, int heightMeasureSpec)，来测量出尺寸。

2.时针的尺寸，默认时钟刻度长=半径/10，默认时钟刻度宽=长/6;

3.特殊时刻，特殊时钟刻度长=半径/5，特殊时钟刻度宽=长/6;

4.时针，时针长=半径/3，时针宽=特殊时钟刻度宽;

5.分针，分针长=半径/2，分针宽=特殊时钟刻度宽;

6.秒针，秒针长=半径/3*2，秒针宽=默认时钟刻度宽;

7.中心点半径，中心点半径=（默认刻度宽+特殊刻度宽）/2；

自定义时钟属性

通过attr.xml来自定义时钟属性

<?xml version="1.0" encoding="utf-8"?>

private void getAttrs(Context context, AttributeSet attrs) {

TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.ClockView);

mClockColor = a.getColor(R.styleable.ClockView_clockColor, Color.GRAY);

mColorDefaultScale = a.getColor(R.styleable.ClockView_defaultScaleColor, mClockColor);

mColorParticularyScale = a.getColor(R.styleable.ClockView_particularlyScaleColor, mClockColor);

mColorHourPointer = a.getColor(R.styleable.ClockView_hourPointerColor, Color.BLACK);

mColorMinutePointer = a.getColor(R.styleable.ClockView_minutePointerColor, Color.BLACK);

mColorSecondPointer = a.getColor(R.styleable.ClockView_secondPointerColor, mClockColor);

}

通过background设置时钟的背景

android:background=“#FFFAF0”

总结：

1.使用mClockColor = a.getColor(R.styleable.ClockView_clockColor, Color.GRAY);来设置时钟的画笔颜色为灰色。

2. mColorHourPointer = a.getColor(R.styleable.ClockView_hourPointerColor, Color.BLACK)； mColorMinutePointer = a.getColor(R.styleable.ClockView_minutePointerColor, Color.BLACK);设置时针和分针的颜色为黑色

开启计时

/**

• 开始计时

*/

private void startTime() {

new Thread(new Runnable() {

@Override

public void run() {

while (true) {

getTime();

}

}

}).start();

}

/**

• 获取当前系统时间

*/

private void getTime() {

Calendar calendar = Calendar.getInstance();

int hour = calendar.get(Calendar.HOUR);

hour = hour % 12;

int minute = calendar.get(Calendar.MINUTE);

int second = calendar.get(Calendar.SECOND);

if (hour != mH || minute != mM || second != mS) {

setTime(hour, minute, second);

postInvalidate();

}

}

/**

• 设置时间

*/

private void setTime(int h, int m, int s) {

mH = h;

mM = m;

mS = s;

}

总结：

1.因为时钟是动态的，每秒都在变化，所以使用线程来不断的刷新当前的view。

2.通过int hour = calendar.get(Calendar.HOUR);int minute = calendar.get(Calendar.MINUTE);int second = calendar.get(Calendar.SECOND);来获取当前的系统时间，其中hour要转换成12进制的。

3.在构造方法中调用startTime()方法。

整体总结
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

文末

好了，今天的分享就到这里，如果你对在面试中遇到的问题，或者刚毕业及工作几年迷茫不知道该如何准备面试并突破现状提升自己，对于自己的未来还不够了解不知道给如何规划，可以来看看同行们都是如何突破现状，怎么学习的，来吸收他们的面试以及工作经验完善自己的之后的面试计划及职业规划。

这里放上一部分我工作以来以及参与过的大大小小的面试收集总结出来的相关的几十套腾讯、头条、阿里、美团等公司21年的面试专题，其中把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，这里以图片的形式给大家展示一部分免费分享给大家，主要还是希望大家在如今大环境不好的情况下面试能够顺利一点，希望可以帮助到大家~

还有 高级架构技术进阶脑图、Android开发面试专题资料，高级进阶架构资料 帮助大家学习提升进阶，也节省大家在网上搜索资料的时间来学习，也可以分享给身边好友一起学习。

【Android核心高级技术PDF文档，BAT大厂面试真题解析】

【延伸Android必备知识点】

这里只是整理出来的部分面试题，后续会持续更新，希望通过这些高级面试题能够降低面试Android岗位的门槛，让更多的Android工程师理解Android系统，掌握Android系统。喜欢的话麻烦点击一个喜欢在关注一下~

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！

都是如何突破现状，怎么学习的，来吸收他们的面试以及工作经验完善自己的之后的面试计划及职业规划。

这里放上一部分我工作以来以及参与过的大大小小的面试收集总结出来的相关的几十套腾讯、头条、阿里、美团等公司21年的面试专题，其中把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，这里以图片的形式给大家展示一部分免费分享给大家，主要还是希望大家在如今大环境不好的情况下面试能够顺利一点，希望可以帮助到大家~

还有 高级架构技术进阶脑图、Android开发面试专题资料，高级进阶架构资料 帮助大家学习提升进阶，也节省大家在网上搜索资料的时间来学习，也可以分享给身边好友一起学习。

【Android核心高级技术PDF文档，BAT大厂面试真题解析】

[外链图片转存中…(img-Sa8GJq2h-1712248021488)]

【延伸Android必备知识点】

[外链图片转存中…(img-GJUlyvyn-1712248021488)]

这里只是整理出来的部分面试题，后续会持续更新，希望通过这些高级面试题能够降低面试Android岗位的门槛，让更多的Android工程师理解Android系统，掌握Android系统。喜欢的话麻烦点击一个喜欢在关注一下~

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！