SurfaceView使用日记(二)--实例:绘画板

前言:

在知道了SurfaceView的使用方法,以后实践,只最好的学习方法,所以在基本掌握了SurfaceView的用法后,我们通过一个实例的编写来更加深入的去掌握SurfaceView.由于它具有独立的子线程进行,图形绘制的同时,不会堵塞主线程,所以SurfaceView常用再游戏开发和一些需要经常刷新屏幕或者试进行数据处理的应用当中,接下来我们要编写的一个项目试绘画板,展现了如何使用SurfaceView来实现这一功能.

分析:

绘画板就是,通过记录用户接触屏幕的路径,然后绘制下来,所以可以通过使用Path对象来记录手指滑动的路径,然后进行绘制.

编写:

整个代码是基于上一篇博客的样例代码之上的,所以我就只把关键部分的代码贴出来了,有兴趣的朋友,可以自己回去试试.

在SurfaceView的onTouchEvent()中来记录Path的路径

    public  boolean onTouchEvent(MotionEvent event){int x = (int)event.getX();int y = (int)event.getY();switch (event.getAction()){case MotionEvent.ACTION_DOWN:mPath.moveTo(x,y);break;case MotionEvent.ACTION_MOVE:mPath.lineTo(x,y);break;case  MotionEvent.ACTION_UP:break;}return true;}

再draw()方法中进行绘制,代码如下

    private void draw(){try {mCanvas = mHolder.lockCanvas();//draw somethingmCanvas.drawColor(Color.WHITE);mCanvas.drawPath(mPath , mPaint);}catch (Exception e){}finally {if(mCanvas != null){mHolder.unlockCanvasAndPost(mCanvas);//确保子线程将画布提交}}}

优化:再前面的模版中,我们在子线程中不断的调用draw()方法进行绘制,但有时候绘制也不用那么频繁, 因此我们可以在子线程中,进行sleep操作,尽可能的节省系统资源,代码如下:

    public void run(){long start = System.currentTimeMillis();while(isDrawing){draw();}long end = System.currentTimeMillis();//50-100if(end - start < 100){try {Thread.sleep(100 - (end - start));}catch (InterruptedException e){e.printStackTrace();}}}

通过判断draw()方法所使用逻辑的时长来确定sleep的时长, 这是一个非常通用的解决方案,代码中的100ms是一个大致的经验值,这个值一般在50ms到100ms之间.

绘图效果如下

模拟器上面画的有带你丑请见谅~

SurfaceView使用日记(二)--实例:绘画板相关推荐

Android端与PC端同步绘画板(二)-适配手机和PC屏幕大小
前言关于手机端与PC端如何建立通讯,请参考: Android端与PC端同步绘画板(一)-使用Socket建立连接这篇文章我们来简单说一下关于手机端和PC端的屏幕适配问题,因为我们都知道因为Andr ...
Qt学习(四)---实例涂鸦画板mspaint
Qt学习(四)-实例涂鸦画板mspaint 一.Qt图形绘制自己在Qt开源社区在自学yafeilinux前辈的<Qt快速入门系列教程>中的图形篇,结合所学的知识,可以做一个涂鸦板实例二 ...
在 iOS 中使用 OpenGL ES 实现绘画板
作者:lyman 来源: http://www.lymanli.com/2020/01/04/ios-opengles-paint/ 今天我们使用 OpenGL ES 来实现一个绘画板,主要介绍在 O ...
手把手教你实现一个canvas智绘画板
手把手教你实现一个canvas智绘画板下载地址前言本文主要介绍: 项目介绍项目效果展示一步步实现项目效果踩坑一.项目介绍名称: 智绘画板技术栈: HTML5,CSS3,JavaScr ...
[python opencv 计算机视觉零基础到实战] 十九、简易绘画板制作
一.学习目标了解事件编写一个简易绘画板二.了解如何制作简易绘画板 2.1 了解鼠标多种事件上一节我们简单的使用opencv的图形绘制方法,用鼠标绘制了一些内容.上一节所响应的是简单的双击事件E ...
OpenGL ES之深入解析如何实现“手写绘画板”
一.设置绘画板 ① 设置画板视图设置绘画板位置.大小.背景 CGFloat ratio = self.view.frame.size.height / self.view.frame.size.wi ...
puppet成长日记二 Package资源详细介绍及案例分析
puppet成长日记二 Package资源详细介绍及案例分析一.系统环境 1.puppet服务端 Release:RHEL6.4 HOSTNAME: puppetserver.rsyslog.org ...
什么是数位板？数位板，又名绘图板、绘画板、手绘板等等，是计算机输入设备的一种，通常是由一块板子和一支压感笔组成，它和手写板等作为非常规的输入产品相类似，都针对一定的使用群体。与手写板所不同的是
什么是数位板? 数位板,又名绘图板.绘画板.手绘板等等,是计算机输入设备的一种,通常是由一块板子和一支压感笔组成,它和手写板等作为非常规的输入产品相类似,都针对一定的使用群体. 与手写板所不同的是,数 ...
利用Python GUI写一个简单的绘画板
先说废话,再上代码这个绘画板主要运用了Python自带的标准GUI库Tkinter,包含了画笔颜色选择,背景布颜色选择,橡皮擦,清屏,保存图片等功能. from tkinter import * f ...

SurfaceView使用日记(二)--实例:绘画板

前言:

分析:

绘画板就是,通过记录用户接触屏幕的路径,然后绘制下来,所以可以通过使用Path对象来记录手指滑动的路径,然后进行绘制.

编写:

整个代码是基于上一篇博客的样例代码之上的,所以我就只把关键部分的代码贴出来了,有兴趣的朋友,可以自己回去试试.

SurfaceView使用日记(二)--实例:绘画板相关推荐

最新文章

热门文章