解决Android SurfaceView绘制触摸轨迹闪烁问题的方法

Shirley ·
更新时间:2024-11-11
· 811 次阅读

本文分享了解决SurfaceView触摸轨迹闪烁问题的方法,供大家参考,具体内容如下

第一种解决SurfaceView触摸轨迹闪烁问题的方法:

由于SurfaceView使用双缓存机制,两张画布轮流显示到屏幕上。那么,要存储触摸轨迹并避免两张画布内容不一致造成的闪烁问题,完全可以利用保存绘制过程并不断重新绘制的方法解决闪烁,而且这样还顺带解决了多次试验中偶尔出现的因为moveTo()函数不能读取到参数执行默认设置(参数设为上次的触摸点)而出现的断线连接闪烁问题,详细代码如下:

package com.tobacco.touchdraw; import java.util.ArrayList; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.graphics.Path; import android.view.MotionEvent; import android.view.SurfaceHolder; import android.view.SurfaceView; import android.view.View; import android.view.SurfaceHolder.Callback; import android.view.View.OnTouchListener; public class LSurfaceView extends SurfaceView implements Callback,OnTouchListener,Runnable{ private SurfaceHolder sfh; private Canvas canvas; private Paint paint; private Path path; private ArrayList<Path> paths; private boolean flag; public LSurfaceView(Context context) { super(context); sfh=this.getHolder(); sfh.addCallback(this); paint=new Paint(); paint.setColor(Color.RED); paint.setAntiAlias(true); paint.setStrokeWidth(4); paint.setStyle(Paint.Style.STROKE); paint.setStrokeCap(Paint.Cap.ROUND); paths=new ArrayList<Path>(); path=new Path(); } public void myDraw(MotionEvent e){ int action=e.getAction(); switch(action){ case MotionEvent.ACTION_DOWN: path.moveTo(e.getX(),e.getY()); break; case MotionEvent.ACTION_MOVE: path.lineTo(e.getX(),e.getY()); break; case MotionEvent.ACTION_UP: //path.close(); Path path1=new Path(path); paths.add(path1); path.reset(); break; } } @Override public void surfaceChanged(SurfaceHolder arg0, int arg1, int arg2, int arg3) { } @Override public void surfaceCreated(SurfaceHolder holder) { flag=true; setOnTouchListener(this); new Thread(this).start(); } @Override public void surfaceDestroyed(SurfaceHolder holder) { flag=false; } @Override public boolean onTouch(View v, MotionEvent event) { myDraw(event); return true; } @Override public void run() { while(flag){ long start=System.currentTimeMillis(); canvas=sfh.lockCanvas(); if(canvas!=null){ canvas.drawColor(Color.BLACK); for(int i=0;i<paths.size();i++) canvas.drawPath(paths.get(i),paint); canvas.drawPath(path,paint); sfh.unlockCanvasAndPost(canvas); } long end=System.currentTimeMillis(); try{ if(end-start<30){ Thread.sleep(30-(end-start)); } } catch(Exception e){ } } } }

这里还要注意的是:ArrayList保存的是对象的引用,所以要在每次添加时都新建一个对象实体。

第二种解决SurfaceView触摸轨迹闪烁问题的方法:

处理触屏轨迹的绘制时,用到了SurfaceView,建立Path对象,在点击时开始设置Path对象,滑动过程中记录触摸点,离开后重新设置Path对象,因不能阻塞主线程,所以新建了一个子线程来不断刷新屏幕,也就是将path不断绘制。但是,接着就出现了一个问题:屏幕中每条轨迹线的终点都会有一小段直线段不断闪烁。猜测可能是lockCanvas()获取的对象区域不一样,就试着使用了lockCanvas(Rect re),但是,运行后发现还是没有解决问题;接着想到可能是因为每次lockCanvas()后获取的对象不同,就在主线程中添加了一个Canvas对象,每次都在Canvas对象中修改画面,然后提交显示,但是,程序运行后效果丝毫没有改变!程序代码如下:

package com.tobacco.touchdraw; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.graphics.Path; import android.view.MotionEvent; import android.view.SurfaceHolder; import android.view.SurfaceView; import android.view.View; import android.view.SurfaceHolder.Callback; import android.view.View.OnTouchListener; public class MySurfaceView extends SurfaceView implements Callback,OnTouchListener,Runnable{ private SurfaceHolder sfh; private Canvas canvas; private Paint paint; private float lastX,lastY; private Path path; private boolean flag; public MySurfaceView(Context context) { super(context); sfh=this.getHolder(); sfh.addCallback(this); paint=new Paint(); paint.setColor(Color.RED); paint.setAntiAlias(true); paint.setStrokeWidth(5); paint.setStyle(Paint.Style.STROKE); paint.setStrokeCap(Paint.Cap.ROUND); path=new Path(); } public void myDraw(MotionEvent e){ int action=e.getAction(); switch(action){ case MotionEvent.ACTION_DOWN: path.moveTo(e.getX(),e.getY()); lastX=e.getX(); lastY=e.getY(); break; case MotionEvent.ACTION_MOVE: path.quadTo(lastX,lastY,e.getX(),e.getY()); lastX=e.getX(); lastY=e.getY(); break; case MotionEvent.ACTION_UP: //path.quadTo(lastX,lastY,e.getX(),e.getY()); path.reset(); break; } } @Override public void surfaceChanged(SurfaceHolder arg0, int arg1, int arg2, int arg3) { } @Override public void surfaceCreated(SurfaceHolder holder) { flag=true; setOnTouchListener(this); new Thread(this).start(); } @Override public void surfaceDestroyed(SurfaceHolder holder) { flag=false; } @Override public boolean onTouch(View v, MotionEvent event) { myDraw(event); return true; } @Override public void run() { while(flag){ long start=System.currentTimeMillis(); canvas=sfh.lockCanvas(); if(canvas!=null){ canvas.drawPath(path,paint); sfh.unlockCanvasAndPost(canvas); } long end=System.currentTimeMillis(); try{ if(end-start<100){ Thread.sleep(100-(end-start)); } } catch(Exception e){ } } } } 您可能感兴趣的文章:Android自定义view实现车载可调整轨迹线android绘制触点轨迹的代码Android自定义View实现公交成轨迹图Android自定义视图实现手指移动轨迹Android贝塞尔曲线实现手指轨迹Android 利用三阶贝塞尔曲线绘制运动轨迹的示例Android贝塞尔曲线初步学习第三课 Android实现添加至购物车的运动轨迹Android 游戏开发中绘制游戏触摸轨迹的曲线图Android轻松画出触摸轨迹Android中SurfaceView和view画出触摸轨迹一个简单的Android轨迹动画



方法 surfaceview Android

需要 登录 后方可回复, 如果你还没有账号请 注册新账号
相关文章