2024年安卓最新Canvas进阶之translate、scale、rotate、skew方法讲解！，2024年最新2024android面试题

于 2024-05-16 07:17:59 发布
阅读量1k 收藏 11
点赞数 14
文章标签： android 面试 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84544531/article/details/138940048
版权

最后

最后这里放上我这段时间复习的资料，这个资料也是偶然一位朋友分享给我的，里面包含了腾讯、字节跳动、阿里、百度2020-2021面试真题解析，并且把每个技术点整理成了视频和PDF（知识脉络 + 诸多细节）。

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

一起互勉~

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

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

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

2. scale、rotate、clipXXX 等对画布进行操作的方法；

3. drawXXX 等一系列绘画相关的方法；

前面主要讲了drawBitmap方法，并举了一个星球浮动的栗子，在那个例子中，星球有大有小，需要移动，有时候可能需求上还需要旋转或错切，有了这些需求，我们就需要使用到与Canvas相关的translate、scale、rotate、skew这几个方法，平移、缩放、旋转、错切,这四个词听起来是如此的熟悉，我们在做一些基本动画的时候经常会与这几个词打交道，现在我们一个个看下当把这几个家伙和Canvas（画布）结合能产生什么效果;

当然在看之前得先明确两个基本概念：

1.Canvas 的左上角是（0，0）；

2.基于左上角往右 X 为正，往下 Y 为正，反之为负；

一、canvas.translate() － 画布的平移：

首先咱们在画布上画一个400 X 400 红色的矩形

[html]  view plain  copy

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传 外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  1. canvas.drawRect(new Rect(0, 0, 400, 400), mPaint);

此时整个画布的左上角出现了一个红色的矩形（为了更清楚，蓝色打个底）该矩形大小为400 X 400 ，效果如下：

接下来我们canvas.translate( )玩玩

[html]  view plain  copy

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传 外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  1. @Override

  2. protected void onDraw(Canvas canvas) {

  3. super.onDraw(canvas);

  4. canvas.drawColor(Color.BLUE);

  5. canvas.translate(100, 100);

  6. canvas.drawRect(new Rect(0, 0, 400, 400), mPaint);

  7. }

看下效果：

此时可以看到，虽然是绘制同样的矩形，但矩形在画布上的位置已经向右和向下各移动了100px；

既然如此，这个时候如果我们再将canvas 平移（translate）（100，100），再绘制一个同样的矩形会出现什么情况呢？会与之前的矩形重叠吗？咱们拭目以待：

[html]  view plain  copy

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传 外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  1. @Override

  2. protected void onDraw(Canvas canvas) {

  3. super.onDraw(canvas);

  4. canvas.drawColor(Color.BLUE);

  5. canvas.translate(100, 100);

  6. canvas.drawRect(new Rect(0, 0, 400, 400), mPaint);

  7. canvas.translate(100, 100);

  8. canvas.drawRect(new Rect(0, 0, 400, 400), mPaint);

  9. }

从效果上看，两次translate 进行了叠加，绘制第二个矩形的时候画布已经偏移了（200，200）；

好了，了解到这里，咱们利用canvas.translate( )一起来做个小栗子，绘制一个生活中比较常用的刻度尺；

咱们先从网上找个用于参考的刻度尺图片：

从图上看，刻度尺的元素有：外框、刻度线（不同的数值刻度线长短不一）、数字

所以我们所要做的就是对上面的元素在onDraw里分别绘制：

[html]  view plain  copy

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传 外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  1. @Override

  2. protected void onDraw(Canvas canvas) {

  3. super.onDraw(canvas);

  4. // 绘制外框

  5. drawOuter(canvas);

  6. // 绘制刻度线

  7. drawLines(canvas);

  8. // 绘制数字

  9. drawNumbers(canvas);

  10. }

咱们先简单分析一下，刻度尺有个外框，外框距离左右都有一定的边距，第一根和最后一根刻度线距离边框也有一定的边距，其余刻度线之间距离相同，另外一些特殊的刻度线长短不一；

有了上面的分析，咱们一个一个来，先绘制外框，外框也就是一个矩形，只需要确定边框的位置和大小，然后使用canvas.drawRect( )绘制即可：

咱们先定义几个需要的数据，为了屏幕适配，数据均为dp：

[html]  view plain  copy

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传 外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  1. // 刻度尺高度

  2. private static final int DIVIDING_RULE_HEIGHT = 70;

  3. // 距离左右间

  4. private static final int DIVIDING_RULE_MARGIN_LEFT_RIGHT = 10;

  5. // 第一条线距离边框距离

  6. private static final int FIRST_LINE_MARGIN = 5;

  7. // 打算绘制的厘米数

  8. private static final int DEFAULT_COUNT = 9;

然后将以上数据转为对应像素值：

[html]  view plain  copy

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传 外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  1. private void initData() {

  2. mDividRuleHeight = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,

  3. DIVIDING_RULE_HEIGHT, mResources.getDisplayMetrics());

  4. mHalfRuleHeight = mDividRuleHeight / 2;

  5. mDividRuleLeftMargin = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,

  6. DIVIDING_RULE_MARGIN_LEFT_RIGHT, mResources.getDisplayMetrics());

  7. mFirstLineMargin = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,

  8. FIRST_LINE_MARGIN, mResources.getDisplayMetrics());

  9. }

有了以上数据，则可以确定外边框的Rect为：

[html]  view plain  copy

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传 外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  1. mOutRect = new Rect(mDividRuleLeftMargin, top, mTotalWidth - mDividRuleLeftMargin,

  2. mRuleBottom);

接下来看刻度线的绘制，根据厘米可以计算出中间的格数，根据厘米占用屏幕宽度和所占格数可以计算出每一格所占屏幕宽度：

[html]  view plain  copy

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传 外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  1. mLineInterval = (mTotalWidth - 2 * mDividRuleLeftMargin - 2 * mFirstLineMargin)

  2. / (DEFAULT_COUNT * 10 - 1);

有了每一格所占宽度，我们只需要在绘制刻度线的时候不断将画布右移对应宽度即可：

[html]  view plain  copy

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传 外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  1. /**

  2. * 绘制刻度线

  3. * @param canvas

  4. */

  5. private void drawLines(Canvas canvas) {

  6. canvas.save();

  7. canvas.translate(mLineStartX, 0);

  8. int top = mMaxLineTop;

  9. for (int i = 0; i <= DEFAULT_COUNT * 10; i++) {

  10. if (i % 10 == 0) {

  11. top = mMaxLineTop;

  12. } else if (i % 5 == 0) {

  13. top = mMiddleLineTop;

  14. } else {

  15. top = mMinLineTop;

  16. }

  17. canvas.drawLine(0, mRuleBottom, 0, top, mLinePaint);

  18. canvas.translate(mLineInterval, 0);

  19. }

  20. canvas.restore();

  21. }

由于刻度尺上分三种长短的刻度线，我们也做对应处理，10的整数倍的刻度线最长，5的整数倍的刻度线中等长度，其余较短；

此时绘制出的刻度尺效果为：

此时刻度尺的基本样子就出来了，对应文字大家有兴趣可以自己加上；

俗话说，条条大路通罗马，我们除了使用canvas.translate ，还能不能使用别的方式进行实现呢，答案当然是可以，比如在绘制的时候根据for循环里的 i 值也可以直接计算出每一根刻度线的位置，然后直接进行绘制，相比之下，这两种方式的优劣大家也可以自行比较一下，好了，canvas.translate() 就说这么多；

二、canvas.scale( ) － 画布的缩放：

关于scale，Android 提供了以下两个接口：

[html]  view plain  copy

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传 外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  1. /**

  2. * Preconcat the current matrix with the specified scale.

  3. *

  4. * @param sx The amount to scale in X

  5. * @param sy The amount to scale in Y

  6. */

  7. public native void scale(float sx, float sy);

  8. /**

  9. * Preconcat the current matrix with the specified scale.

  10. *

  11. * @param sx The amount to scale in X

  12. * @param sy The amount to scale in Y

  13. * @param px The x-coord for the pivot point (unchanged by the scale)

  14. * @param py The y-coord for the pivot point (unchanged by the scale)

  15. */

  16. public final void scale(float sx, float sy, float px, float py) {

  17. translate(px, py);

  18. scale(sx, sy);

  19. translate(-px, -py);

  20. }

我们先看下scale(float sx , float sy)，我们还是以上面的正方形作为栗子，调用canvas.scale(float sx , float sy)之后看下效果；

[html]  view plain  copy

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传 外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  1. @Override

  2. protected void onDraw(Canvas canvas) {

  3. super.onDraw(canvas);

  4. canvas.drawColor(Color.BLUE);

  5. canvas.drawRect(new Rect(0, 0, 400, 400), mPaint);

  6. canvas.scale(0.5f, 0.5f);

  7. mPaint.setColor(Color.YELLOW);

  8. canvas.drawRect(new Rect(0, 0, 400, 400), mPaint);

  9. }

我们将画布在x,y方向上均缩放为 0.5 倍，使用默认基准点（原点 0，0），效果如下：

效果就相当于用个钉子钉在(0,0)处，然后把矩形的x，y缩放为一半，我们再来看看第二个接口scale(float sx , float sy, float px,float py):

前两个参数为将画布在x、y方向上缩放的倍数，而px和py 分别为缩放的基准点，从源码上可以非常清楚的看出和scale(float sx , float sy)的差别：

[html]  view plain  copy

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传 外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  1. translate(px, py);

  2. scale(sx, sy);

  3. translate(-px, -py);

即先将画布平移px,py，然后scale，scale结束之后再将画布平移回原基准点；

我们再在之前的基础上绘制一个同样的矩形，x , y 均缩放为 0.5 倍，缩放中心为矩形的中心：

[html]  view plain  copy

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传 外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  1. @Override

  2. protected void onDraw(Canvas canvas) {

  3. super.onDraw(canvas);

  4. canvas.drawColor(Color.BLUE);

  5. canvas.drawRect(new Rect(0, 0, 400, 400), mPaint);

  6. // 保存画布状态

  7. canvas.save();

  8. canvas.scale(0.5f, 0.5f);

  9. mPaint.setColor(Color.YELLOW);

  10. canvas.drawRect(new Rect(0, 0, 400, 400), mPaint);

  11. // 画布状态回滚

  12. canvas.restore();

  13. canvas.scale(0.5f, 0.5f, 200, 200);

  14. mPaint.setColor(Color.BLACK);

  15. canvas.drawRect(new Rect(0, 0, 400, 400), mPaint);

  16. }

一起来看下效果：

效果就相当于用个钉子钉在矩形的中心，然后进行缩放；

根据上面android 的实现，我们其实可以使用以下代码实现同样的效果：

[html]  view plain  copy

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传 外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  1. // 先将画布平移到矩形的中心

  2. canvas.translate(200, 200);

  3. // 将画布进行缩放

  4. canvas.scale(0.5f, 0.5f);

  5. // 将画布移回原基准点

  6. canvas.translate(-200, -200);

  7. mPaint.setColor(Color.BLACK);

  8. canvas.drawRect(new Rect(0, 0, 400, 400), mPaint);

到此为止，我们也就了解了对画布的缩放，基于canvas.scale(),我们一起完成一个小例子：

上面是网络上找的一张让人产生视觉误差的静态图，我们模拟绘制出上面的效果；

思路非常的简单：

1. 绘制一个和屏幕等宽的正方形；

2. 将画布以正方形中心为基准点进行缩放；

3. 在缩放的过程中绘制原正方形；

注：每次绘制都得使用canvas.save()  和 canvas.restore()进行画布的锁定和回滚，以免除对后面绘制的影响（后面会单独讲）

先初始化画笔，注意此时画笔需要设置成空心：

[html]  view plain  copy

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传 外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  1. /**

  2. * 初始化画笔

  3. */

  4. private void initPaint() {

  5. mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);

  6. // 将画笔设置为空心

  7. mPaint.setStyle(Style.STROKE);

  8. // 设置画笔颜色

  9. mPaint.setColor(Color.BLACK);

  10. // 设置画笔宽度

  11. mPaint.setStrokeWidth(mLineWidth);

  12. }

然后循环的将画布缩放的同时绘制原正方形：

[html]  view plain  copy

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传 外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  1. /**

  2. * 绘制正方形

  3. *

  4. * @param canvas

  5. */

  6. private void drawSquare(Canvas canvas) {

  7. for (int i = 0; i < TOTAL_SQUARE_COUNT; i++) {

  8. // 保存画布

  9. canvas.save();

  10. float fraction = (float) i / TOTAL_SQUARE_COUNT;

  11. // 将画布以正方形中心进行缩放

  12. canvas.scale(fraction, fraction, mHalfWidth, mHalfHeight);

  13. canvas.drawRect(mSquareRect, mPaint);

  14. // 画布回滚

  15. canvas.restore();

  16. }

  17. }

一起来看下绘制的效果：

其实最终效果和网上找的还是有点小差别的，由于画布的缩放，越小的时候画笔宽度越细，而原图是所有的都一样宽度，但似乎画笔宽度缩放之后效果更佳，哈哈 … …

三、canvas.rotate( ) － 画布的旋转：

canvas.rotate( )和canvas.scale()可以类比起来看，如果理解了canvas.scale( )，那么canvas.rotate( )将会非常简单实用；

简单来讲，canvas.rotate( )即是将画布进行旋转，和canvas.scale( )类似的是，它也有两个可以使用的方法：

[html]  view plain  copy

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传 外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  1. /**

  2. * Preconcat the current matrix with the specified rotation.

  3. *

  4. * @param degrees The amount to rotate, in degrees

  5. */

  6. public native void rotate(float degrees);

  7. /**

  8. * Preconcat the current matrix with the specified rotation.

  9. *

  10. * @param degrees The amount to rotate, in degrees

  11. * @param px The x-coord for the pivot point (unchanged by the rotation)

  12. * @param py The y-coord for the pivot point (unchanged by the rotation)

  13. */

  14. public final void rotate(float degrees, float px, float py) {

  15. translate(px, py);

  16. rotate(degrees);

  17. translate(-px, -py);

  18. }

两个方法的区别也是在于基准点的选取，默认是以原点作为基准点，另一个则是以传入的x,y 作为基准点，是不是和scale 一模一样，咱们一起来rotate一下：

咱们先转转左上角的矩形，转多少度呢？先来个90度玩玩吧；

[html]  view plain  copy

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传 外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  1. @Override

  2. protected void onDraw(Canvas canvas) {

  3. super.onDraw(canvas);

  4. canvas.drawColor(Color.BLUE);

  5. canvas.drawRect(new Rect(0, 0, 400, 400), mPaint);

  6. mPaint.setColor(Color.YELLOW);

  7. canvas.rotate(90);

  8. canvas.drawRect(new Rect(0, 0, 400, 400), mPaint);

  9. }

我们的预期是屏幕上有个旋转了的骚黄色矩形，一起来看看；

擦，黄色的矩形呢？

由于基准点是原点，我们直接旋转了90 度，所以已经将矩形旋转出屏幕，当然看不到了，我们将角度调小一点，改为45 度：

[html]  view plain  copy

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传 外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  1. @Override

  2. protected void onDraw(Canvas canvas) {

文末

当你打算跳槽的时候，应该把“跳槽成功后，我能学到什么东西？对我的未来发展有什么好处”放在第一位。这些东西才是真正引导你的关键。在跳槽之前尽量“物尽其用”，把手头上的工作做好，最好是完成了某个项目或是得到提升之后再走。跳槽不是目的，而是为了达到最终职业目标的手段

最后祝大家工作升职加薪，面试拿到心仪Offer


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

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

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

色的矩形呢？

由于基准点是原点，我们直接旋转了90 度，所以已经将矩形旋转出屏幕，当然看不到了，我们将角度调小一点，改为45 度：

[html]  view plain  copy

[外链图片转存中…(img-eZLARZeE-1715815055594)] [外链图片转存中…(img-Si36J0ap-1715815055595)]

  1. @Override

  2. protected void onDraw(Canvas canvas) {

文末

当你打算跳槽的时候，应该把“跳槽成功后，我能学到什么东西？对我的未来发展有什么好处”放在第一位。这些东西才是真正引导你的关键。在跳槽之前尽量“物尽其用”，把手头上的工作做好，最好是完成了某个项目或是得到提升之后再走。跳槽不是目的，而是为了达到最终职业目标的手段

最后祝大家工作升职加薪，面试拿到心仪Offer

[外链图片转存中…(img-P5FKESug-1715815055595)]
[外链图片转存中…(img-LYnBn2wK-1715815055595)]

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

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

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

2401_84544531
关注
  • 14
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android canvas-skew(错切)
GracefulGuigui的博客
01-21 1892
斜切(skew) 斜切只提供了一种方法： public void skew (float sx, float sy) 参数含义： float sx:将画布在x方向上倾斜相应的角度，sx倾斜角度的tan值， float sy:将画布在y轴方向上倾斜相应的角度，sy为倾斜角度的tan值. 变换后: X = x + sx * y Y = y+sy * x skew之前 首先绘制一个200x20...
Canvas之translate、scale、rotate、skew方法讲解！
05-07
Canvas之translate、scale、rotate、skew方法讲解！
Android Canvas.translate平移
YK
02-17 2372
Android Canvas.translate
Android 对Canvas的translate方法总结
u013681739的专栏
11-02 5254
方法translate(x,y):    平移，将画布的坐标原点向左右方向移动x，向上下方向移动y.canvas的默认位置是在（0,0）.     例子：画布原点假如落在（1，1），那么translate（10，10）就是在原点（1，1）基础上分别在x轴、y轴移动10，则原点变为（11,11）。   用法:    绘制多个对象的时候可以有两种方法调用： 方法一： @Over
canvas缩放坐标系（scale)
大剑师兰特的GIS世界
02-06 1169
canvas使用scale()来缩放坐标系。它只是影响坐标系，之后的绘制会受此方法影响，但之前已经绘制好的效果不会有任何变化。此缩放支持负数，也支持小数。
canvas scale()画布缩放的使用
dayewandou的博客
10-15 4万+
前两天把canvas的translate()和rotate()的方法都介绍了下，今天就来说说scale()scale() 方法缩放当前绘图，更大或更小。 注释：如果您对绘图进行缩放，所有之后的绘图也会被缩放。定位也会被缩放。如果您 scale(2,2)，那么绘图将定位于距离画布左上角两倍远的位置。 scale(x,y) 参数：x：X表示横轴方向上缩放倍数 y：Y表示纵轴方
2024年html5跨年烟花代码.rar
07-26
开发者可以通过控制Canvas的上下文对象，如`context.beginPath()`，`context.arc()`，`context.fillStyle`等方法，实现烟花的发射、上升、爆炸以及颜色变化等一系列动画效果。 另一个关键的技术可能是Web ...
Android canvas画图操作之切割画布实现方法(clipRect)
01-05
本文实例讲述了Android canvas画图操作之切割画布实现方法。分享给大家供大家参考，具体如下： android切割画布的历程不算很难，可是理解起来也比较麻烦，这里写一下我的理解 但是不一定正确： canvas.clipRect(30,...
Android中Canvas的常用方法总结
09-01
- **原点旋转**：`rotate(float degrees)`方法以Canvas的原点（默认左上角）为旋转中心，进行指定角度的旋转，如`canvas.rotate(30)`表示顺时针旋转30度。 - **指定点旋转**：`rotate(float degrees, float px, ...
自定义控件之绘图篇（四）：canvas变换与操作
热门推荐
启舰
09-05 7万+
前言：前几篇讲解了有关canvas绘图的一些操作，今天更深入一些，讲讲对画布的操作，这篇文章不像前几篇那么容易理解，如果以前没有接触过画布的童鞋可能比较难以理解，为什么会这样。我尽量多画图，让大家更清晰明白。 前几天偶然看到一篇文章，写的朴实无华，充满正能量，我非常喜欢里面的一句话，很像我现在的状态，分享给大家。 人生最纠结的事情不是你甘于平淡，而是你明明不希望平凡却不知道未来应该怎么办...
android canves rotate 详解
男儿不展风云志，空有天生八尺躯
03-30 1068
前言： rotate 方法并不会导致画布旋转，只会导致x、y坐标进行旋转。 证据之一就是，调用rotate之后，已经画出来的内容，并不会发生旋转。 代码 public class CanvasRotateView extends View { private Paint paint; private Rect rect; public CanvasRotateView(Context context) { super(context); init(
Android Canvas rotate() 旋转
Makenna's World
05-31 2043
Canvas 提供了 rotate() 方法用于旋转当前 Canvas 对象一定角度 rotate ( 旋转 ) void rotate(float degrees) final void rotate(float degrees, float px, float py) 围绕坐标原点或指定坐标旋转 degrees 度，值为正顺时针 参数说明 参数 说明 degrees 旋转角度 px 指定旋转的中心点坐标的 x 坐标 py 指定旋转的中心点坐标的 y 坐标
canvas-变换-scale(缩放)
weixin_54057363的博客
03-08 995
变换-缩放 scale(x,y)
Android Canvas 平移、缩放、旋转的理解
hn_lgc的专栏
06-30 4948
自己用了很久对这个几个方法，用了好多次了，但对它们的原理概念都还是没仔细理解清楚，真是太菜了。 View和canvas并不是同一个东西，可以这样想象，我们的View是固定的，相当于与一个画框，画框范围就是View的矩形范围，canvas是画布，透过画框可以看到canvas。一开始View和Canvas是对齐的，也就是画布的右上角就是画框的右上角，四条边都是对齐的，透过画框看到整个画布。然后canvas是可以变换的，我们平移canvas dx，dy，然后draw画图，就相当于把画布拖动一段距离，然后作画，作画
Canvas进阶之translate、scale、rotate、skew方法讲解！，系统盘点Android开发者必须掌握的知识点
最新发布
2401_84152719的博客
04-07 837
俗话说，条条大路通罗马，我们除了使用canvas.translate ，还能不能使用别的方式进行实现呢，答案当然是可以，比如在绘制的时候根据for循环里的 i 值也可以直接计算出每一根刻度线的位置，然后直接进行绘制，相比之下，这两种方式的优劣大家也可以自行比较一下，好了，canvas.translate() 就说这么多；会与之前的矩形重叠吗？其实最终效果和网上找的还是有点小差别的，由于画布的缩放，越小的时候画笔宽度越细，而原图是所有的都一样宽度，但似乎画笔宽度缩放之后效果更佳，哈哈 …
Android高级UI进阶之路(五) —— Canvas详解
金戈鐡馬
03-08 845
上一篇文章介绍了 Paint 的 API 和Paint 高级使用，下面再来讲讲有关 Canvas 绘图的知识，Canvas 可以实现很多绘图方式, 该篇就全面介绍 Canvas 的使用。更多Android系列教程上传在GitHub：今天逛掘金发现了一种讲解自定义好的方式，可以去看原文Android关于Canvas你所知道的和不知道的一切。
五幅图学会Android Canvas的坐标系变换(rotate translate scale)
u011803341的专栏
04-30 4487
在写公司项目的时候，需要画一个垂直的SeekBar，一开始就是简单的在xml文件里面，添加了android:rotate="-90"这个配置，不过后面发现很多问题。最后网上查资料，使用了Canvas.rotate()和Canvas.translate()的结合，实现了垂直的SeekBar布局。 一.Canvas的坐标系介绍 一般来讲，一个自定义view的canvas的显示区域就是View的...
2019年Android面试必备：自定义View深度解析
“Android高频面试题.pdf”涵盖了2019年一线互联网公司如腾讯、百度、小米等在Android面试中常见的问题，旨在帮助应聘者提高通过前两轮技术面试的可能性。文档特别强调了自定义View的设计和创建，这是Android开发中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值