Android 游戏开发中绘制游戏触摸轨迹的曲线图

       本篇文章主要来讲解怎样绘制游戏触摸轨迹的曲线图。

       我们在onTouchEvent方法中，可以获取到触摸屏幕时手指触摸点的x、y坐标，如何用这些点形成一条无规则轨迹并把这条无规则轨迹曲线显示在屏幕上就是本篇文章的主旨内容。

       Android Path类

       Android提供了一个Path类 ， 顾名思义这个类可以设置曲线路径轨迹。任何无规则的曲线实际上都是由若干条线段组成，而线段的定义为两点之间最短的一条线。path类就 可以记录这两点之间的轨迹，那么若干个Path 就是我们须要绘制的无规则曲线。

       下面介绍一下API 中path类设置轨迹路径的方法。

       public class

       Path
       extends Object
       java.lang.Object
       android.graphics.Path

       quadTo(float x1, float y1, float x2, float y2)
       Add a quadratic bezier from the last point, approaching control point (x1,y1), and ending at (x2,y2).

       解释：

       参数1 轨迹起始点X坐标

       参数2 轨迹起始点Y坐标

       参数3 轨迹结束点X坐标

       参数4 轨迹结束点Y坐标

       所以根据这个参数就可以设置一条线段轨迹。

       分步讲解

       为了设置一条比较圆滑好看的曲线我们需要对游戏画笔进行一些设置。注释已经在代码中写的很清楚了，在这里我详细说一下 设置画笔风格  mPaint.setStyle(Paint.Style.STROKE); 意思是设置画笔的风格 android 画笔一共提供了三种风格Paint.Style.STROKE 、Paint.Style.FILL、Paint.Style.FILL_AND_STROKE 意思分别为 空心 、实心、实心与空心 。如果不设置的话默认为 Paint.Style.FILL，在这里必须设置成空心。因为如果一旦设置成实心或者实心与空心那么画笔会把path路径中间包住这样就不是曲线线段了，所以大家注意一下这里。

Java代码

 
mPaint = new Paint(); 
mPaint.setColor(Color.BLACK); 
 
mPaint.setAntiAlias(true); 
 
mPaint.setStyle(Paint.Style.STROKE); 
 
mPaint.setStrokeCap(Paint.Cap.ROUND); 
 
mPaint.setStrokeWidth(5); 

       在触摸按下事件中 通过moveTo() 方法设置触摸屏幕点为轨迹的起始点，这样在触摸移动事件中设置曲线的轨迹 起始点为上次触摸点 结束点为本次触摸点。使用quadTo方法记录每次移动产生的一个曲线线段 然后将所有的曲线线段绘制在屏幕中，如果触摸抬起将调用reset()方法重置曲线轨迹。

Java代码

@Override 
public boolean onTouchEvent(MotionEvent event) { 
  
 int action = event.getAction(); 
 float x = event.getX(); 
 float y = event.getY(); 
 switch (action) { 
 // 触摸按下的事件 
 case MotionEvent.ACTION_DOWN: 
  
 mPath.moveTo(x, y); 
 break; 
 // 触摸移动的事件 
 case MotionEvent.ACTION_MOVE: 
  
 //参数1 起始点X坐标 
 //参数2 起始点Y坐标 
 //参数3 结束点X坐标 
 //参数4 结束点Y坐标 
 mPath.quadTo(mposX, mposY, x, y); 
 break; 
 // 触摸抬起的事件 
 case MotionEvent.ACTION_UP: 
  
 mPath.reset(); 
 break; 
 } 
 //记录当前触摸X Y坐标 
 mposX = x; 
 mposY = y; 
 return true; 
} 

        游戏绘制中调用drawPath方法将onTouchEvent中记录的路径曲线绘制在屏幕当中。

Java代码

private void Draw() { 
  
 mCanvas.drawColor(Color.WHITE); 
  
 mCanvas.drawPath(mPath, mPaint); 
  
 mCanvas.drawText("当前触笔 X：" + mposX, 0, 20,mTextPaint); 
 mCanvas.drawText("当前触笔 Y：" + mposY, 0, 40,mTextPaint); 
} 

       代码的整体实现

       详细的注释已经在代码中写出 欢迎大家阅读喔 哇咔咔~~~~

Java代码

import android.app.Activity; 
import android.content.Context; 
import android.graphics.Canvas; 
import android.graphics.Color; 
import android.graphics.Paint; 
import android.graphics.Path; 
import android.os.Bundle; 
import android.view.MotionEvent; 
import android.view.SurfaceHolder; 
import android.view.SurfaceView; 
import android.view.Window; 
import android.view.WindowManager; 
import android.view.SurfaceHolder.Callback; 
public class SurfaceViewAcitvity extends Activity { 
 MyView mAnimView = null; 
 @Override 
 public void onCreate(Bundle savedInstanceState) { 
 super.onCreate(savedInstanceState); 
 // 全屏显示窗口 
 requestWindowFeature(Window.FEATURE_NO_TITLE); 
 getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, 
  WindowManager.LayoutParams.FLAG_FULLSCREEN); 
 // 显示自定义的游戏View 
 mAnimView = new MyView(this); 
 setContentView(mAnimView); 
 } 
 public class MyView extends SurfaceView implements Callback,Runnable { 
   
 public static final int TIME_IN_FRAME = 50; 
  
 Paint mPaint = null; 
 Paint mTextPaint = null; 
 SurfaceHolder mSurfaceHolder = null; 
  
 boolean mRunning = false; 
  
 Canvas mCanvas = null; 
  
 boolean mIsRunning = false; 
  
 private Path mPath; 
 private float mposX, mposY; 
 public MyView(Context context) { 
  super(context); 
   
  this.setFocusable(true); 
   
  this.setFocusableInTouchMode(true); 
   
  mSurfaceHolder = this.getHolder(); 
   
  mSurfaceHolder.addCallback(this); 
   
  mCanvas = new Canvas(); 
   
  mPaint = new Paint(); 
  mPaint.setColor(Color.BLACK); 
   
  mPaint.setAntiAlias(true); 
   
  mPaint.setStyle(Paint.Style.STROKE); 
   
  mPaint.setStrokeCap(Paint.Cap.ROUND); 
   
  mPaint.setStrokeWidth(5); 
   
  mPath = new Path(); 
   
  mTextPaint = new Paint(); 
   
  mTextPaint.setColor(Color.BLACK); 
   
  mTextPaint.setTextSize(15); 
 } 
 @Override 
 public boolean onTouchEvent(MotionEvent event) { 
   
  int action = event.getAction(); 
  float x = event.getX(); 
  float y = event.getY(); 
  switch (action) { 
  // 触摸按下的事件 
  case MotionEvent.ACTION_DOWN: 
   
  mPath.moveTo(x, y); 
  break; 
  // 触摸移动的事件 
  case MotionEvent.ACTION_MOVE: 
   
  //参数1 起始点X坐标 
  //参数2 起始点Y坐标 
  //参数3 结束点X坐标 
  //参数4 结束点Y坐标 
  mPath.quadTo(mposX, mposY, x, y); 
  break; 
  // 触摸抬起的事件 
  case MotionEvent.ACTION_UP: 
   
  mPath.reset(); 
  break; 
  } 
  //记录当前触摸X Y坐标 
  mposX = x; 
  mposY = y; 
  return true; 
 } 
 private void Draw() { 
   
  mCanvas.drawColor(Color.WHITE); 
   
  mCanvas.drawPath(mPath, mPaint); 
   
  mCanvas.drawText("当前触笔 X：" + mposX, 0, 20,mTextPaint); 
  mCanvas.drawText("当前触笔 Y：" + mposY, 0, 40,mTextPaint); 
 } 
 @Override 
 public void surfaceChanged(SurfaceHolder holder, int format, int width, 
  int height) { 
 } 
 @Override 
 public void surfaceCreated(SurfaceHolder holder) { 
   
  mIsRunning = true; 
  new Thread(this).start(); 
 } 
 @Override 
 public void surfaceDestroyed(SurfaceHolder holder) { 
  mIsRunning = false; 
 } 
 @Override 
 public void run() { 
  while (mIsRunning) { 
   
  long startTime = System.currentTimeMillis(); 
   
  synchronized (mSurfaceHolder) { 
    
   mCanvas = mSurfaceHolder.lockCanvas(); 
   Draw(); 
    
   mSurfaceHolder.unlockCanvasAndPost(mCanvas); 
  } 
   
  long endTime = System.currentTimeMillis(); 
   
  int diffTime = (int) (endTime - startTime); 
   
  while (diffTime <= TIME_IN_FRAME) { 
   diffTime = (int) (System.currentTimeMillis() - startTime); 
    
   Thread.yield(); 
  } 
  } 
 } 
 } 
} 

        看懂并掌握了这些代码实例后，相信大家对如何绘制游戏触摸轨迹的曲线图有了方法上的认识了，希望大家在Android游戏开发中自如的运用它们。

        以上就是小编对绘制游戏触摸轨迹的曲线图的资料整理，后续继续补充相关资料，谢谢大家对本站的支持！

您可能感兴趣的文章:Android自定义view实现车载可调整轨迹线android绘制触点轨迹的代码Android自定义View实现公交成轨迹图Android自定义视图实现手指移动轨迹Android贝塞尔曲线实现手指轨迹Android 利用三阶贝塞尔曲线绘制运动轨迹的示例Android贝塞尔曲线初步学习第三课 Android实现添加至购物车的运动轨迹Android轻松画出触摸轨迹解决Android SurfaceView绘制触摸轨迹闪烁问题的方法Android中SurfaceView和view画出触摸轨迹一个简单的Android轨迹动画