2024年Android自定义View之Canvas，2024年最新android社招面试

最后

这里附上上述的技术体系图相关的几十套腾讯、头条、阿里、美团等公司2021年的面试题，把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，这里以图片的形式给大家展示一部分。

相信它会给大家带来很多收获：

当程序员容易，当一个优秀的程序员是需要不断学习的，从初级程序员到高级程序员，从初级架构师到资深架构师，或者走向管理，从技术经理到技术总监，每个阶段都需要掌握不同的能力。早早确定自己的职业方向，才能在工作和能力提升中甩开同龄人。

• 无论你现在水平怎么样一定要 持续学习 没有鸡汤，别人看起来的毫不费力，其实费了很大力，这四个字就是我的建议！！！
• 我希望每一个努力生活的IT工程师，都会得到自己想要的，因为我们很辛苦，我们应得的。

当我们在抱怨环境，抱怨怀才不遇的时候，没有别的原因，一定是你做的还不够好！

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

合并画布

canvas.restore()

可以理解为PS中的合并图层操作。作用是在save()之后绘制的所有图像和save()之前的图像进行合并。

平移画布

canvas.translate(float dx, float dy)

默认的绘图原点在(0,0)，调用translate(x,y)后，则将原点移动到了(x,y)。之后的所有绘图操作都将以(x,y)为原点执行。

旋转画布

canvas.rotate()

将坐标系旋转一定的角度

下面以绘制一个钟表盘为例子来实际运用canvas

以绘制一个位于屏幕中间的钟表盘为例子，这是一个自定义View，在布局文件中LayoutParams属性都设置为match_parent。这样子后面调用View的getWidth()和getHeight()获取的都是屏幕的宽高

<android.support.constraint.ConstraintLayout xmlns:android=“http://schemas.android.com/apk/res/android”

xmlns:app=“http://schemas.android.com/apk/res-auto”

xmlns:tools=“http://schemas.android.com/tools”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

tools:context=“com.xxq2dream.learningtests.MainActivity”>

<com.xxq2dream.myview.CanvasTestView

android:layout_width=“match_parent”

android:layout_height=“match_parent” />

</android.support.constraint.ConstraintLayout>

（1）首先需要绘制最外面的圆

准备外面圆的画笔Paint

Paint circlePaint = new Paint(Paint.ANTI_ALIAS_FLAG);

circlePaint.setColor(Color.parseColor(“#000000”));

circlePaint.setStrokeWidth(5);

circlePaint.setStyle(Paint.Style.STROKE);

画圆，这里我们画在屏幕的中间，半径为getWidth()/4

//画圆

canvas.drawCircle(getWidth()/2, getHeight()/2, getWidth()/4, circlePaint);

最外面的圆

（2）画刻度线和刻度

准备画笔Paint

//准备画笔Paint

Paint keduPaint = new Paint(Paint.ANTI_ALIAS_FLAG);

keduPaint.setStrokeWidth(3);

keduPaint.setColor(Color.parseColor(“#000000”));

keduPaint.setStyle(Paint.Style.STROKE);

确定刻度线的起点和终点坐标

刻度线就是一条线段肯定要用drawLine()方法，所以我们需要计算出每个刻度线的起点终点坐标，最上面的12点的刻度线最简单，起点的坐标为(getWidth()/2, getHeight()/2-getWidth()/4)，Y轴就是圆心减去半径，而终点的坐标Y值只需要加上个线的长度，终点坐标为(getWidth()/2,getHeight()/2-getWidth()/4+50)。

而要计算其他的刻度线坐标，就需要将我们的坐标系旋转一个角度，也就是一个刻度的角度。这样一来刻度线的起点终点坐标就和上面的一样了。

//旋转坐标系

canvas.rotate(15, getWidth()/2, getHeight()/2);

刻度线应该有长有短，我们画的刻度是24根刻度线，那第0、6、12、18根刻度线要长一些，其他的要短一些，也就是上面的线段的终点Y坐标少加一点，比如(getWidth()/2,getHeight()/2-getWidth()/4+25)

我们还要绘制刻度，也就是文字，肯定得用到drawText()方法，文字内容就是刻度值。为了让文字相对于刻度居中，文字的起点要考虑文字的宽度，文字的纵坐标的话离刻度线的终点向下偏移一点就行了

String degree = String.valueOf(i);

canvas.drawText(degree, getWidth()/2-keduPaint.measureText(degree)/2, getHeight()/2-getWidth()/4 + 80, keduPaint);

综上分析，绘制刻度和刻度线就比较简单了

//画刻度线和刻度

Paint keduPaint = new Paint(Paint.ANTI_ALIAS_FLAG);

keduPaint.setStrokeWidth(3);

keduPaint.setColor(Color.parseColor(“#000000”));

keduPaint.setStyle(Paint.Style.STROKE);

for (int i=0; i<24; i++) {

if (i0 || i6 || i== 12 || i==18) {

keduPaint.setStrokeWidth(3);

keduPaint.setTextSize(30);

canvas.drawLine(getWidth()/2, getHeight()/2-getWidth()/4, getWidth()/2,getHeight()/2-getWidth()/4+50, keduPaint);

String degree = String.valueOf(i);

canvas.drawText(degree, getWidth()/2-keduPaint.measureText(degree)/2, getHeight()/2-getWidth()/4 + 80, keduPaint);

}else {

keduPaint.setStrokeWidth(1);

keduPaint.setTextSize(15);

canvas.drawLine(getWidth()/2, getHeight()/2-getWidth()/4, getWidth()/2,getHeight()/2-getWidth()/4+25, keduPaint);

String degree = String.valueOf(i);

canvas.drawText(degree, getWidth()/2-keduPaint.measureText(degree)/2, getHeight()/2-getWidth()/4 + 60, keduPaint);

}

canvas.rotate(15, getWidth()/2, getHeight()/2);

}

画刻度和刻度线

（3）画一长一短2根指针

2根指针就是2条线段，指针的起点都在圆心，终点的话就是在原点的基础上偏移一段距离。所以为了方便计算，我们可以直接把坐标系移到圆心处

//画2根指针

Paint hourPaint = new Paint(Paint.ANTI_ALIAS_FLAG);

hourPaint.setColor(Color.parseColor(“#000000”));

hourPaint.setStrokeWidth(20);

hourPaint.setStyle(Paint.Style.STROKE);

Paint minutePaint = new Paint(Paint.ANTI_ALIAS_FLAG);

minutePaint.setColor(Color.parseColor(“#000000”));

minutePaint.setStrokeWidth(10);

minutePaint.setStyle(Paint.Style.STROKE);

canvas.save();

//将坐标系平移到圆点

总结

最后小编想说：不论以后选择什么方向发展，目前重要的是把Android方面的技术学好，毕竟其实对于程序员来说，要学习的知识内容、技术有太多太多，要想不被环境淘汰就只有不断提升自己，从来都是我们去适应环境，而不是环境来适应我们！

这里附上我整理的几十套腾讯、字节跳动，京东，小米，头条、阿里、美团等公司19年的Android面试题。把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节。

由于篇幅有限，这里以图片的形式给大家展示一小部分。

网上学习 Android的资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。希望这份系统化的技术体系对大家有一个方向参考。

技术进阶之路很漫长，一起共勉吧~

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

方向参考。

技术进阶之路很漫长，一起共勉吧~

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！