博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Android 涂鸦最佳实践
阅读量:6273 次
发布时间:2019-06-22

本文共 1183 字,大约阅读时间需要 3 分钟。

hot3.png

Android中实现手势绘图一般都两种方式,一是直接在View上绘制,而是使用SurfaceView。两者还是有一些区别的,简单介绍下。View:显示视图,内置画布,提供图形绘制函数、触屏事件、按键事件函数等;必须在UI主线程内更新画面,速度较慢。 SurfaceView:基于view视图进行拓展的视图类,更适合2D游戏的开发;是view的子类,使用双缓机制,在新的线程中更新画面所以刷新界面速度比view快。所以呢,要实现涂鸦的功能优先选择后者。

在开始码代码之前,先简单理下要实现的功能。

1、可以自定义画笔的颜色

2、可以自定义画笔的粗细

3、可以实现各种常见形状的绘制

4、允许画布的回退,就是回到上一步

5、要支持橡皮擦功能

6、已作完的画,要支持保存

下面我们就逐步去实现这五个功能点。

一、关于自定义画笔的颜色和粗细,这个最简单,只须调用Paint的setColor(int color)和setStrokeWidth(float width)这两个方法即可。需要主要的是,使用SurfaceView绘图需要注意是通过SurfaceHolder获得Canvas实例,这时可以通过Canvas实例去绘图,绘制结束调用unlockCanvasAndPost(canvas)去提交改变。

02230756_t5az.jpg

二、支持自由曲线、直线、矩形、圆形、实心矩形、实心圆形,很方便的进行扩展。这里先抽象出一个基类Action,每一次的绘制都是一个action实例,我们的画板就是一个action的列表,这样就能很好的支持回退功能。

02230756_hT77.jpg

三、画布的回退。如果画布上的action列表大小不为0,表示画布目前是支持回退的,只须把列表中最后一个action给remove掉,重新绘制就OK了

02230756_Y4cX.jpg

四、橡皮擦。这里我取了个巧,画布的背景是白色的,所以橡皮擦的实现也是一个action,形状为自由曲线,颜色也为白色,这样就营造了一种被擦除的效果,其实只是被白色的曲线给遮盖住了。按照第三点的实现,橡皮擦也支持回退。

02230756_lkth.jpg

五、保存画板。画布上画满了你的各种图形,最后一步就是保存了,但是View和SurfaceView的截取是不同的,View是静态的被动的,SurfaceView是主动的动态的,如果使用View的截图方法只能得到一个黑屏。这时好办法就是把咱们保存的action列表重新绘制出来。代码如下

02230756_uAu2.jpg

代码地址:

如果觉得对你有所帮助,欢迎大家订阅我的微信公众账号——Android干货分享(ID:android_share)。下面是微信的二维码,为你提供及时高质的Android干货。

技术交流QQ群:318588906,欢迎大家加群,共同探讨下Android和Java技术,一起壮大我们的微信干货分享社区。

转载于:https://my.oschina.net/jack1900/blog/309378

你可能感兴趣的文章
TIJ -- 吐司BlockingQueue
查看>>
数据库分页查询
查看>>
[编程] C语言枚举类型(Enum)
查看>>
[Javascript] Compose multiple functions for new behavior in JavaScript
查看>>
ASP.NET MVC性能优化(实际项目中)
查看>>
ES6里关于类的拓展(一)
查看>>
零元学Expression Blend 4 - Chapter 46 三分钟快速充电-设定Margin的小撇步
查看>>
Format Conditions按条件显示表格记录
查看>>
RichTextBox指定全部文字显示不同颜色及部分文字高亮颜色显示
查看>>
mysql优化----explain的列分析
查看>>
Python正则表达式
查看>>
Java中CAS详解
查看>>
Spring Boot Unregistering JMX-exposed beans on shutdown
查看>>
命令行man的帮助手册
查看>>
Ubuntu 16.04下为Android编译OpenCV 3.2.0 Manager
查看>>
poi 导入导出的api说明(大全)
查看>>
Fix-Mapped Addresses
查看>>
fmt标签如何计算两个日期之间相隔的天数
查看>>
Spark核心技术原理透视一(Spark运行原理)
查看>>
《Gradle权威指南》--Gradle任务
查看>>