生平第一章:关于android中的canvas的restore和save

2024-03-14 03:58

本文主要是介绍生平第一章:关于android中的canvas的restore和save,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

在博客上看到一些博客写到关于这两者的解析,有的说是画布的移动和缩放,总感觉不太对,所以在这里就作为自己生平第一篇博客,论一论这两个东西:

canvas.save :Saves the current matrix and clip onto a private stack.

我们知道canvas的很多操作:

translate,scale,rotate,skew,concat or clipRect,clipPath(移动,缩放,旋转,倾斜,串联或者剪裁,切割)之后,会产生相应的变换数据,这个数据时被放在一个私有化的stack中,这个private stack 就像window里面的还原点的存储内容一样。每一个栈item存放的是两次save之间的一系列变化操作:

例如:
canvas.save();
canvas.scale(2,2);
canvas.translate(2,2);
canvas.rotate(90);
canvas.save();
第二个save操作时,在 private stack 就会多一个item,这个item里面存储的就是scale,translate,ratate这三次
操作。

canvas.restore:This call balances a previous call to save(), and is used to remove all modifications to the matrix/clip state since the last save call. It is an error to call restore() more times than save() was called.
这是一个和save相对应的操作,将矩阵/剪切状态置回到最近的一次save操作时。restore的调用次数不能比save多,否则会报错。
通俗点讲:
save就像设置还原点,而restore就是回复到上一个还原点。当你还原的次数过多,已没有了还原点了,肯定就报错了。
前面提到canvas的很多操作translate,scale,rotate,skew,concat or clipRect,clipPath这是一些很让人误解的操作,可能我们的调用是canvas.xx,但是它正真影响的确实坐标系,比如我们用例子来解释这个问题:
首先 canvas.translate

canvas.drawCircle(px, py, 100, linePaint);
canvas.translate(100,0);
canvas.drawCircle(px, py-250, 100, linePaint);


我在图上一上一下画了两个圆,相同的x位置,相同大小,只不过第二个图我是发生在把坐标系想右移动了100px,那么画出的图形就会像右“走了”100px,如下图所示:
解析一下:坐标系向右滑动了100px之后,我们在还在原x位置画图时,新坐标系下的x值在画布上相对于原位置就向右偏移了100px,对于新坐标系,我画图的位置没有变化,但是对于画布而言,我画图的起始点比原来向右移动了100px。
 canvas.scale

canvas.drawCircle(px - 650, py - 250, 100, linePaint);
canvas.scale(2,2);
canvas.drawCircle(px - 650, py - 750, 100, linePaint);



解析一下:坐标系扩大了一倍。相当于x轴坐标和y坐标都等比例的扩大了一倍,那在新坐标系下原来的x值和y值,都会被放大2倍,所以画圆的中心点也会比原图要偏右,并且整个图形要偏大。
canvas.rotate
我将坐标向右旋转90度之后,画一个向上的箭头,但是在画布上是个向右的箭头
canvas.rotate(90, px/2, py/2);
canvas.drawLine(px / 2, 0, 0, py / 2, linePaint);
canvas.drawLine(px / 2, 0, px, py / 2, linePaint);
canvas.drawLine(px / 2, 0, px / 2, py, linePaint);



解析一下:坐标系向右旋转了90度,这样我们在新坐标系下的向上箭头画到画布上去的时候就和原图相比就是向右的。
所以我们不要混淆了,变化的永远是坐标系,可以想象为画家在画布上面辅助作画的两把尺子。restore只是将坐标系上的变化重置,这样我们画图时参照的坐标系就是保存点的坐标系,根本就不存在画布的旋转和放大,缩小等等。


这篇关于生平第一章:关于android中的canvas的restore和save的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/807133

相关文章

Android中Dialog的使用详解

《Android中Dialog的使用详解》Dialog(对话框)是Android中常用的UI组件,用于临时显示重要信息或获取用户输入,本文给大家介绍Android中Dialog的使用,感兴趣的朋友一起... 目录android中Dialog的使用详解1. 基本Dialog类型1.1 AlertDialog(

Android Kotlin 高阶函数详解及其在协程中的应用小结

《AndroidKotlin高阶函数详解及其在协程中的应用小结》高阶函数是Kotlin中的一个重要特性,它能够将函数作为一等公民(First-ClassCitizen),使得代码更加简洁、灵活和可... 目录1. 引言2. 什么是高阶函数?3. 高阶函数的基础用法3.1 传递函数作为参数3.2 Lambda

Android自定义Scrollbar的两种实现方式

《Android自定义Scrollbar的两种实现方式》本文介绍两种实现自定义滚动条的方法,分别通过ItemDecoration方案和独立View方案实现滚动条定制化,文章通过代码示例讲解的非常详细,... 目录方案一:ItemDecoration实现(推荐用于RecyclerView)实现原理完整代码实现

Android App安装列表获取方法(实践方案)

《AndroidApp安装列表获取方法(实践方案)》文章介绍了Android11及以上版本获取应用列表的方案调整,包括权限配置、白名单配置和action配置三种方式,并提供了相应的Java和Kotl... 目录前言实现方案         方案概述一、 androidManifest 三种配置方式

Android WebView无法加载H5页面的常见问题和解决方法

《AndroidWebView无法加载H5页面的常见问题和解决方法》AndroidWebView是一种视图组件,使得Android应用能够显示网页内容,它基于Chromium,具备现代浏览器的许多功... 目录1. WebView 简介2. 常见问题3. 网络权限设置4. 启用 JavaScript5. D

Android如何获取当前CPU频率和占用率

《Android如何获取当前CPU频率和占用率》最近在优化App的性能,需要获取当前CPU视频频率和占用率,所以本文小编就来和大家总结一下如何在Android中获取当前CPU频率和占用率吧... 最近在优化 App 的性能,需要获取当前 CPU视频频率和占用率,通过查询资料,大致思路如下:目前没有标准的

基于Canvas的Html5多时区动态时钟实战代码

《基于Canvas的Html5多时区动态时钟实战代码》:本文主要介绍了如何使用Canvas在HTML5上实现一个多时区动态时钟的web展示,通过Canvas的API,可以绘制出6个不同城市的时钟,并且这些时钟可以动态转动,每个时钟上都会标注出对应的24小时制时间,详细内容请阅读本文,希望能对你有所帮助...

Android开发中gradle下载缓慢的问题级解决方法

《Android开发中gradle下载缓慢的问题级解决方法》本文介绍了解决Android开发中Gradle下载缓慢问题的几种方法,本文给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧... 目录一、网络环境优化二、Gradle版本与配置优化三、其他优化措施针对android开发中Gradle下载缓慢的问

Android 悬浮窗开发示例((动态权限请求 | 前台服务和通知 | 悬浮窗创建 )

《Android悬浮窗开发示例((动态权限请求|前台服务和通知|悬浮窗创建)》本文介绍了Android悬浮窗的实现效果,包括动态权限请求、前台服务和通知的使用,悬浮窗权限需要动态申请并引导... 目录一、悬浮窗 动态权限请求1、动态请求权限2、悬浮窗权限说明3、检查动态权限4、申请动态权限5、权限设置完毕后

Android里面的Service种类以及启动方式

《Android里面的Service种类以及启动方式》Android中的Service分为前台服务和后台服务,前台服务需要亮身份牌并显示通知,后台服务则有启动方式选择,包括startService和b... 目录一句话总结:一、Service 的两种类型:1. 前台服务(必须亮身份牌)2. 后台服务(偷偷干