Android自定义View之Canvas，百度、阿里、滴滴、新浪的面试心经总结

绘制矩形

//参数分别表示四条边距离绘制原点的偏离距离，以及画笔Paint

canvas.drawRect(float left, float top, float right, float bottom, @NonNull Paint paint)

绘制圆角矩形

//参数分别表示矩形的参数、圆角的X方向的半径以及Y方向的半径

canvas.drawRoundRect(@NonNull RectF rect, float rx, float ry, @NonNull Paint paint)

绘制圆

//参数分别表示圆点的坐标以及圆的半径，画笔Paint

canvas.drawCircle(float cx, float cy, float radius, @NonNull Paint paint)

绘制圆弧

//参数分别表示用于定义圆弧的边界椭圆、起始角度、弧度，useCenter表示是否有中心点，以及画笔Paint

drawArc(@NonNull RectF oval, float startAngle, float sweepAngle, boolean useCenter,@NonNull Paint paint)

绘制椭圆

//参数分别表示要绘制的椭圆的外接矩形和画笔Paint

canvas.drawOval(@NonNull RectF oval, @NonNull Paint paint)

Canvas的常见API

Canvas的常见API

Canvas的四大方法

保存画布

canvas.save()

作用是将之前的所有已经绘制的图像保存起来，让后续的操作就好像在一个新的图层上操作一样

合并画布

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);

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

//画刻度线和刻度

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

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

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

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

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

如果你觉得这些内容对你有帮助，可以添加V获取：vip204888 （备注Android）

总结：

面试是一个不断学习、不断自我提升的过程，有机会还是出去面面，至少能想到查漏补缺效果，而且有些知识点，可能你自以为知道，但让你说，并不一定能说得很好。

有些东西有压力才有动力，而学到的知识点，都是钱（因为技术人员大部分情况是根据你的能力来定级、来发薪水的），技多不压身。

附上我的面试各大专题整理： 面试指南，满满的都是干货，希望对大家有帮助！

习、不断自我提升的过程，有机会还是出去面面，至少能想到查漏补缺效果，而且有些知识点，可能你自以为知道，但让你说，并不一定能说得很好。

有些东西有压力才有动力，而学到的知识点，都是钱（因为技术人员大部分情况是根据你的能力来定级、来发薪水的），技多不压身。

附上我的面试各大专题整理： 面试指南，满满的都是干货，希望对大家有帮助！
[外链图片转存中…(img-zY9ztx4V-1711740965318)]

本文已被CODING开源项目：《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》收录