android 按钮对错动画,Android自定义View-------Canvas动画的误解

布满荆棘的人生 2022-10-17 15:56 217阅读 0赞

前言

最近在看自定义View方面的知识，遇到下面一段代码，由于对旋转后的绘图存在疑问，经过多方求证，最后弥补了操作Canvas(旋转，平移等)认知的错误，并得出正确结论：

动画操作Canvas，其实操作的是临时坐标系，对于已经绘制的图形部分无效

下面详细记录求证过程，以备同仁指正：

建议大家按照代码绘制看看，绘制对的可以留言，绘制错了也可以留言，这篇博客让你理解了吗？

/\*\*

\* 在画布的 左下角画圆，

\* 中间画向右箭头 ：旋转画布后再画

\* 右上角画圆：画布旋转为原始方向后再画

\*@param canvas

\*/

private void canvasTest(Canvas canvas) \{

int width = 200;

int height = 200;

int radius = 10;

int centerX = radius;

int centerY = height - radius;

Paint paint = new Paint();

//画做左下角的圆

paint.setStyle(Paint.Style.FILL);

paint.setColor(Color.BLUE);

paint.setAntiAlias(true);

canvas.drawCircle(centerX, centerY, radius, paint);

// 1.-------------------------------------------------------------

canvas.save();

canvas.rotate(90, width/2, height/2); //以画布中心为旋转点

// canvas.translate(0, -30);

// canvas.scale(1.2f, 1.2f, width/2, height/2);

paint.setColor(Color.RED);

paint.setStyle(Paint.Style.STROKE);

paint.setStrokeWidth(4);

//左线、右线、中线， 把旋转后的当做新画布，但x, y 的坐标仍是原来方向的，但画出的图是旋转后的

//可以想象为先在原始画布上画，画好后旋转

canvas.drawLine(width/2, 0, 0, height/2, paint);

canvas.drawLine(width/2, 0, width, height/2, paint);

canvas.drawLine(width/2, 0, width/2, height, paint);

// 2.----------------------------------------------------

canvas.restore(); //如果不加这一行，那么下面的那个右上角的圆是 旋转后的画布的右上角，而非原始画布的右上角位置

//右上角画个圆

int cx2 = width - radius;

int cy2 = radius;

paint.setStyle(Paint.Style.FILL);

paint.setColor(Color.RED);

canvas.drawCircle(cx2, cy2, radius, paint);

\}

上述的代码在我求证之初，我得出的图形是这样的：

![2b38269a08986bd4cb497c1190b60d00.png][]

既然是错误的，就不多解释了，免得误导大家。

下面是正确的绘图结果：

![65c3b1341c06968a804fed43618bd673.png][]

对比错误的和正确的绘图，不难发现三点差异：

第一：坐标系差异(这是个隐形的差异)；

第二：旋转前绘制的圆的差异(旋转前绘制的圆到底该不该跟随Canvas旋转，为什么跟随旋转的是错的呢？)

第三：最后一个圆的差异(这个差异其实是因为第一个原因坐标系的差异导致的)；

接下来我们就对这三个差异一一解释：

先说第二个，旋转前绘制的圆的差异？

这个问题的原因就是我在最前面所说的：旋转Canvas时，其实旋转的是临时的坐标系，只对旋转后的图形有效，对旋转前的绘图无效。

接下来说第一个差异，最后一个圆绘制在canvas.restore()后面,此时的坐标系还是旋转后的坐标系吗?

答案是NO! canvas.restore()方法和canvas.save()方法，细心的朋友可以发现，我在前面特别表示了这两个方法的位置，canvas.save()写在旋转之前，canvas.restore()方法就是将坐标系恢复到sava方法调用的地方，所以他们是成双成对出现的。

总结

动画操作Canvas，其实操作的是临时坐标系，对于已经绘制的图形部分无效。而Canvas.restore方法等于是将Canvas动画操作还原成Save时的状态

你对这个容易误解的知识点掌握了吗？

[2b38269a08986bd4cb497c1190b60d00.png]: /images/20221014/deecbb6a62e04b10b087b85646a2e69d.png
[65c3b1341c06968a804fed43618bd673.png]: /images/20221014/e432ab033c6040849dfdff2f3a6ddacc.png

发表评论取消回复

表情：

评论列表（有 0 条评论，217人围观）

还没有评论，来说两句吧...

相关阅读

相关 Android自定义进度加载动画

Android自定义进度加载动画在开发Android应用程序时，经常需要使用进度加载动画来提升用户体验。Android提供了一些内置的进度加载动画，但有时候我们需要自定义一

Myth丶恋晨/ 2023年10月14日 18:21/ 0 赞/ 55 阅读

相关 Android怎么设置按钮的动画效果

效果 ![在这里插入图片描述][20200222145406368.gif] 代码 button1=findViewById(R.id.button);

r囧r小猫/ 2023年07月07日 08:53/ 0 赞/ 11 阅读

相关 android dialog 消失动画,android 自定义dialog弹出和消失缩放动画

本文转自：android 自定义dialog,窗口动画 Java代码： package com.sunxu.org.IndividualityDialog; import

Dear 丶/ 2022年10月18日 00:55/ 0 赞/ 306 阅读

相关 android 按钮对错动画,Android自定义View-------Canvas动画的误解

前言最近在看自定义View方面的知识，遇到下面一段代码，由于对旋转后的绘图存在疑问，经过多方求证，最后弥补了操作Canvas(旋转，平移等)认知的错误，并得出正确结论：

布满荆棘的人生/ 2022年10月17日 15:56/ 0 赞/ 218 阅读

相关 android取代帧动画,android动画（一）——帧动画

一个月没写点东西，最近闲下来打算回顾一下android动画的知识，俗话说温故而知新，就算是简单的东西也要反复的记忆，才能够不会遗忘，废话不多说了，回顾一下常用的动画类型。常

比眉伴天荒/ 2022年10月16日 02:54/ 0 赞/ 356 阅读

相关自定义 Android 过场动画

自定义 AndroidActivity 转场动画在 Android 5.0上 google 官方给我提供了不少好看方便使用的专场动画原生提供的普通转场动画 \-

阳光穿透心脏的1/2处/ 2022年09月21日 01:48/ 0 赞/ 232 阅读

相关 Android 自定义TextView实现文字渐变动画

效果图: ![155007_4C1U_2256215.gif][] 代码： import android.content.Context; im

柔光的暖阳◎/ 2022年06月11日 09:51/ 0 赞/ 826 阅读

相关 Android动画效果之自定义ViewGroup添加布局动画

[Android动画效果之自定义ViewGroup添加布局动画][Android_ViewGroup] 前言：前面几篇文章介绍了补间动画、逐帧动画、属性动画，大部

约定不等于承诺〃/ 2022年06月04日 00:07/ 0 赞/ 541 阅读

相关 Android动画——属性动画

1、概述前面我们已经说过，Tween Animation只能应用于View对象，而且只支持一部分属性，而想要实现更复杂的操作就无能为力了，因此Property Animat

分手后的思念是犯贱/ 2021年09月22日 05:12/ 0 赞/ 579 阅读

相关 Android 动画介绍及自定义3D动画效果的基本使用

导语 > > Android的动画框架包括帧动画、视图动画（又叫补间动画）、属性动画。在Android3.0之前，视图动画一家独大，但随之后属性动

快来打我*/ 2021年09月11日 07:48/ 0 赞/ 785 阅读