Android 游戏开发中绘制游戏触摸轨迹的曲线图
本篇文章主要来讲解怎样绘制游戏触摸轨迹的曲线图。
我们在onTouchEvent方法中，可以获取到触摸屏幕时手指触摸点的x、y坐标，如何用这些点形成一条无规则轨迹并把这条无规则轨迹曲线显示在屏幕上就是本篇文章的主旨内容。
AndroidPath类
Android提供了一个Path类，顾名思义这个类可以设置曲线路径轨迹。任何无规则的曲线实际上都是由若干条线段组成，而线段的定义为两点之间最短的一条线。path类就可以记录这两点之间的轨迹，那么若干个Path就是我们须要绘制的无规则曲线。
下面介绍一下API中path类设置轨迹路径的方法。
publicclass
Path
extendsObject
java.lang.Object
android.graphics.Path
quadTo(floatx1,floaty1,floatx2,floaty2)
Addaquadraticbezierfromthelastpoint,approachingcontrolpoint(x1,y1),andendingat(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=newPaint(); 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
publicbooleanonTouchEvent(MotionEventevent){
/**拿到触摸的状态**/
intaction=event.getAction();
floatx=event.getX();
floaty=event.getY();
switch(action){
//触摸按下的事件
caseMotionEvent.ACTION_DOWN:
/**设置曲线轨迹起点XY坐标**/
mPath.moveTo(x,y);
break;
//触摸移动的事件
caseMotionEvent.ACTION_MOVE:
/**设置曲线轨迹**/
//参数1起始点X坐标
//参数2起始点Y坐标
//参数3结束点X坐标
//参数4结束点Y坐标
mPath.quadTo(mposX,mposY,x,y);
break;
//触摸抬起的事件
caseMotionEvent.ACTION_UP:
/**按键抬起后清空路径轨迹**/
mPath.reset();
break;
}
//记录当前触摸XY坐标
mposX=x;
mposY=y;
returntrue;
}
游戏绘制中调用drawPath方法将onTouchEvent中记录的路径曲线绘制在屏幕当中。
Java代码
privatevoidDraw(){
/**清空画布**/
mCanvas.drawColor(Color.WHITE);
/**绘制曲线**/
mCanvas.drawPath(mPath,mPaint);
/**记录当前触点位置**/
mCanvas.drawText("当前触笔X："+mposX,0,20,mTextPaint);
mCanvas.drawText("当前触笔Y："+mposY,0,40,mTextPaint);
}
代码的整体实现
详细的注释已经在代码中写出欢迎大家阅读喔哇咔咔~~~~
Java代码
importandroid.app.Activity;
importandroid.content.Context;
importandroid.graphics.Canvas;
importandroid.graphics.Color;
importandroid.graphics.Paint;
importandroid.graphics.Path;
importandroid.os.Bundle;
importandroid.view.MotionEvent;
importandroid.view.SurfaceHolder;
importandroid.view.SurfaceView;
importandroid.view.Window;
importandroid.view.WindowManager;
importandroid.view.SurfaceHolder.Callback;
publicclassSurfaceViewAcitvityextendsActivity{
MyViewmAnimView=null;
@Override
publicvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
//全屏显示窗口
requestWindowFeature(Window.FEATURE_NO_TITLE);
getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
WindowManager.LayoutParams.FLAG_FULLSCREEN);
//显示自定义的游戏View
mAnimView=newMyView(this);
setContentView(mAnimView);
}
publicclassMyViewextendsSurfaceViewimplementsCallback,Runnable{
/**每50帧刷新一次屏幕**/
publicstaticfinalintTIME_IN_FRAME=50;
/**游戏画笔**/
PaintmPaint=null;
PaintmTextPaint=null;
SurfaceHoldermSurfaceHolder=null;
/**控制游戏更新循环**/
booleanmRunning=false;
/**游戏画布**/
CanvasmCanvas=null;
/**控制游戏循环**/
booleanmIsRunning=false;
/**曲线方向**/
privatePathmPath;
privatefloatmposX,mposY;
publicMyView(Contextcontext){
super(context);
/**设置当前View拥有控制焦点**/
this.setFocusable(true);
/**设置当前View拥有触摸事件**/
this.setFocusableInTouchMode(true);
/**拿到SurfaceHolder对象**/
mSurfaceHolder=this.getHolder();
/**将mSurfaceHolder添加到Callback回调函数中**/
mSurfaceHolder.addCallback(this);
/**创建画布**/
mCanvas=newCanvas();
/**创建曲线画笔**/
mPaint=newPaint();
mPaint.setColor(Color.BLACK);
/**设置画笔抗锯齿**/
mPaint.setAntiAlias(true);
/**画笔的类型**/
mPaint.setStyle(Paint.Style.STROKE);
/**设置画笔变为圆滑状**/
mPaint.setStrokeCap(Paint.Cap.ROUND);
/**设置线的宽度**/
mPaint.setStrokeWidth(5);
/**创建路径对象**/
mPath=newPath();
/**创建文字画笔**/
mTextPaint=newPaint();
/**设置颜色**/
mTextPaint.setColor(Color.BLACK);
/**设置文字大小**/
mTextPaint.setTextSize(15);
}
@Override
publicbooleanonTouchEvent(MotionEventevent){
/**拿到触摸的状态**/
intaction=event.getAction();
floatx=event.getX();
floaty=event.getY();
switch(action){
//触摸按下的事件
caseMotionEvent.ACTION_DOWN:
/**设置曲线轨迹起点XY坐标**/
mPath.moveTo(x,y);
break;
//触摸移动的事件
caseMotionEvent.ACTION_MOVE:
/**设置曲线轨迹**/
//参数1起始点X坐标
//参数2起始点Y坐标
//参数3结束点X坐标
//参数4结束点Y坐标
mPath.quadTo(mposX,mposY,x,y);
break;
//触摸抬起的事件
caseMotionEvent.ACTION_UP:
/**按键抬起后清空路径轨迹**/
mPath.reset();
break;
}
//记录当前触摸XY坐标
mposX=x;
mposY=y;
returntrue;
}
privatevoidDraw(){
/**清空画布**/
mCanvas.drawColor(Color.WHITE);
/**绘制曲线**/
mCanvas.drawPath(mPath,mPaint);
/**记录当前触点位置**/
mCanvas.drawText("当前触笔X："+mposX,0,20,mTextPaint);
mCanvas.drawText("当前触笔Y："+mposY,0,40,mTextPaint);
}
@Override
publicvoidsurfaceChanged(SurfaceHolderholder,intformat,intwidth,
intheight){
}
@Override
publicvoidsurfaceCreated(SurfaceHolderholder){
/**开始游戏主循环线程**/
mIsRunning=true;
newThread(this).start();
}
@Override
publicvoidsurfaceDestroyed(SurfaceHolderholder){
mIsRunning=false;
}
@Override
publicvoidrun(){
while(mIsRunning){
/**取得更新游戏之前的时间**/
longstartTime=System.currentTimeMillis();
/**在这里加上线程安全锁**/
synchronized(mSurfaceHolder){
/**拿到当前画布然后锁定**/
mCanvas=mSurfaceHolder.lockCanvas();
Draw();
/**绘制结束后解锁显示在屏幕上**/
mSurfaceHolder.unlockCanvasAndPost(mCanvas);
}
/**取得更新游戏结束的时间**/
longendTime=System.currentTimeMillis();
/**计算出游戏一次更新的毫秒数**/
intdiffTime=(int)(endTime-startTime);
/**确保每次更新时间为50帧**/
while(diffTime<=TIME_IN_FRAME){
diffTime=(int)(System.currentTimeMillis()-startTime);
/**线程等待**/
Thread.yield();
}
}
}
}
}
看懂并掌握了这些代码实例后，相信大家对如何绘制游戏触摸轨迹的曲线图有了方法上的认识了，希望大家在Android游戏开发中自如的运用它们。
以上就是小编对绘制游戏触摸轨迹的曲线图的资料整理，后续继续补充相关资料，谢谢大家对本站的支持！