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

所属分类: 软件编程 / Android 阅读数: 1023
收藏 0 赞 0 分享

本文分享了解决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){
 }
 }
 
 }
}

以上就是本文的全部内容,希望能够帮助大家轻松解决SurfaceView触摸轨迹闪烁问题。

更多精彩内容其他人还在看

Android样式和主题之选择器的实例讲解

今天小编就为大家分享一篇关于Android样式和主题之选择器的实例讲解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
收藏 0 赞 0 分享

Android应用动态修改主题的方法示例

今天小编就为大家分享一篇关于Android应用动态修改主题的方法示例,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
收藏 0 赞 0 分享

Flutter 网络请求框架封装详解

这篇文章主要介绍了Flutter 网络请求框架封装详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Flutter倒计时/计时器的实现代码

这篇文章主要介绍了Flutter倒计时/计时器的实现代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

Android使用google breakpad捕获分析native cash

这篇文章主要介绍了Android使用google breakpad捕获分析native cash 的相关知识,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

详解Flutter WebView与JS互相调用简易指南

这篇文章主要介绍了详解Flutter WebView与JS互相调用简易指南,分为JS调用Flutter和Flutter调用JS,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Android开发实现ListView和adapter配合显示图片和文字列表功能示例

这篇文章主要介绍了Android开发实现ListView和adapter配合显示图片和文字列表功能,涉及Android使用ListView结合adapter适配器实现图文显示功能相关的布局、解析、权限控制等操作技巧,需要的朋友可以参考下
收藏 0 赞 0 分享

Android文字基线Baseline算法的使用讲解

今天小编就为大家分享一篇关于Android文字基线Baseline算法的使用讲解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
收藏 0 赞 0 分享

Flutter自定义实现神奇动效的卡片切换视图的示例代码

这篇文章主要介绍了Flutter自定义实现神奇动效的卡片切换视图的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Android实现自定义滑动刻度尺方法示例

这篇文章主要给大家介绍了关于Android实现自定义滑动刻度尺的相关资料,文中通过示例代码介绍的非常详细,对各位Android开发者们具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
收藏 0 赞 0 分享
查看更多