Android教程網
設為首頁|加入收藏
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android游戲 >> Android游戲開發 >> Android游戲開發教程之十四：觸摸軌跡曲線

Android游戲開發教程之十四：觸摸軌跡曲線

編輯：Android游戲開發

　　在上一章的學習中我們已經知道如何處理游戲中的觸摸事件，這一章將向同學們介紹繪制游戲觸摸軌跡的曲線圖，在onTouchEvent方法中我們可以拿到手指在屏幕中觸摸點 X Y時時的坐標，這章我們研究的課題就是如何把這些點變成一種無規則軌跡並且將這條無規則曲線顯示在屏幕中。

　　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代碼
  1. /** 創建曲線畫筆 **/  
  2. mPaint = new Paint();  
  3. mPaint.setColor(Color.BLACK);  
  4. /**設置畫筆抗鋸齒**/  
  5. mPaint.setAntiAlias(true);  
  6. /**畫筆的類型**/  
  7. mPaint.setStyle(Paint.Style.STROKE);  
  8. /**設置畫筆變為圓滑狀**/  
  9. mPaint.setStrokeCap(Paint.Cap.ROUND);  
  10. /**設置線的寬度**/  
  11. mPaint.setStrokeWidth(5);  

Android游戲開發教程之十四：觸摸軌跡曲線

　　在觸摸按下事件中 通過moveTo() 方法設置觸摸屏幕點為軌跡的起始點，這樣在觸摸移動事件中設置曲線的軌跡 起始點為上次觸摸點 結束點為本次觸摸點。使用quadTo方法記錄每次移動產生的一個曲線線段 然後將所有的曲線線段繪制在屏幕中，如果觸摸抬起將調用reset()方法重置曲線軌跡。

Java代碼
  1. @Override    
  2. public boolean onTouchEvent(MotionEvent event) {    
  3.     /** 拿到觸摸的狀態 **/    
  4.     int action = event.getAction();    
  5.     float x = event.getX();    
  6.     float y = event.getY();    
  7.     switch (action) {    
  8.     // 觸摸按下的事件    
  9.     case MotionEvent.ACTION_DOWN:    
  10.     /**設置曲線軌跡起點 X Y坐標**/    
  11.     mPath.moveTo(x, y);    
  12.     break;    
  13.     // 觸摸移動的事件    
  14.     case MotionEvent.ACTION_MOVE:    
  15.     /**設置曲線軌跡**/    
  16.     //參數1 起始點X坐標    
  17.     //參數2 起始點Y坐標    
  18.     //參數3 結束點X坐標    
  19.     //參數4 結束點Y坐標    
  20.     mPath.quadTo(mposX, mposY, x, y);    
  21.     break;    
  22.     // 觸摸抬起的事件    
  23.     case MotionEvent.ACTION_UP:    
  24.     /**按鍵抬起後清空路徑軌跡**/    
  25.     mPath.reset();    
  26.     break;    
  27.     }    
  28.    //記錄當前觸摸X Y坐標    
  29.     mposX = x;    
  30.     mposY = y;    
  31.     return true;    
  32. }

　　游戲繪制中調用drawPath方法將onTouchEvent中記錄的路徑曲線繪制在屏幕當中。

Java代碼
  1. private void Draw() {  
  2.         /**清空畫布**/  
  3.         mCanvas.drawColor(Color.WHITE);  
  4.         /**繪制曲線**/  
  5.         mCanvas.drawPath(mPath, mPaint);  
  6.    
  7.         /**記錄當前觸點位置**/  
  8.         mCanvas.drawText("當前觸筆 X：" + mposX, 0, 20,mTextPaint);  
  9.         mCanvas.drawText("當前觸筆 Y：" + mposY, 0, 40,mTextPaint);  
  10. }  

Android游戲開發教程之十四：觸摸軌跡曲線

　　給出整體代碼的實現

　　詳細的注釋已經在代碼中寫出 歡迎大家閱讀喔 哇咔咔~~~~

Java代碼
  1. import android.app.Activity;  
  2. import android.content.Context;  
  3. import android.graphics.Canvas;  
  4. import android.graphics.Color;  
  5. import android.graphics.Paint;  
  6. import android.graphics.Path;  
  7. import android.os.Bundle;  
  8. import android.view.MotionEvent;  
  9. import android.view.SurfaceHolder;  
  10. import android.view.SurfaceView;  
  11. import android.view.Window;  
  12. import android.view.WindowManager;  
  13. import android.view.SurfaceHolder.Callback;  
  14.    
  15. public class SurfaceViewAcitvity extends Activity {  
  16.    
  17.     MyView mAnimView = null;  
  18.    
  19.     @Override  
  20.     public void onCreate(Bundle savedInstanceState) {  
  21.     super.onCreate(savedInstanceState);  
  22.     // 全屏顯示窗口  
  23.     requestWindowFeature(Window.FEATURE_NO_TITLE);  
  24.     getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,  
  25.         WindowManager.LayoutParams.FLAG_FULLSCREEN);  
  26.     // 顯示自定義的游戲View  
  27.     mAnimView = new MyView(this);  
  28.     setContentView(mAnimView);  
  29.     }  
  30.    
  31.     public class MyView extends SurfaceView implements Callback,Runnable {  
  32.    
  33.      /**每50幀刷新一次屏幕**/  
  34.     public static final int TIME_IN_FRAME = 50;   
  35.    
  36.     /** 游戲畫筆 **/  
  37.     Paint mPaint = null;  
  38.     Paint mTextPaint = null;  
  39.     SurfaceHolder mSurfaceHolder = null;  
  40.    
  41.     /** 控制游戲更新循環 **/  
  42.     boolean mRunning = false;  
  43.    
  44.     /** 游戲畫布 **/  
  45.     Canvas mCanvas = null;  
  46.    
  47.     /**控制游戲循環**/  
  48.     boolean mIsRunning = false;  
  49.    
  50.     /**曲線方向**/  
  51.     private Path mPath;  
  52.    
  53.     private float mposX, mposY;  
  54.    
  55.     public MyView(Context context) {  
  56.         super(context);  
  57.         /** 設置當前View擁有控制焦點 **/  
  58.         this.setFocusable(true);  
  59.         /** 設置當前View擁有觸摸事件 **/  
  60.         this.setFocusableInTouchMode(true);  
  61.         /** 拿到SurfaceHolder對象 **/  
  62.         mSurfaceHolder = this.getHolder();  
  63.         /** 將mSurfaceHolder添加到Callback回調函數中 **/  
  64.         mSurfaceHolder.addCallback(this);  
  65.         /** 創建畫布 **/  
  66.         mCanvas = new Canvas();  
  67.         /** 創建曲線畫筆 **/  
  68.         mPaint = new Paint();  
  69.         mPaint.setColor(Color.BLACK);  
  70.         /**設置畫筆抗鋸齒**/  
  71.         mPaint.setAntiAlias(true);  
  72.         /**畫筆的類型**/  
  73.         mPaint.setStyle(Paint.Style.STROKE);  
  74.         /**設置畫筆變為圓滑狀**/  
  75.         mPaint.setStrokeCap(Paint.Cap.ROUND);  
  76.         /**設置線的寬度**/  
  77.         mPaint.setStrokeWidth(5);  
  78.         /**創建路徑對象**/  
  79.         mPath = new Path();  
  80.         /** 創建文字畫筆 **/  
  81.         mTextPaint = new Paint();  
  82.         /**設置顏色**/  
  83.         mTextPaint.setColor(Color.BLACK);  
  84.         /**設置文字大小**/  
  85.         mTextPaint.setTextSize(15);  
  86.     }  
  87.    
  88.     @Override  
  89.     public boolean onTouchEvent(MotionEvent event) {  
  90.         /** 拿到觸摸的狀態 **/  
  91.         int action = event.getAction();  
  92.         float x = event.getX();  
  93.         float y = event.getY();  
  94.         switch (action) {  
  95.         // 觸摸按下的事件  
  96.         case MotionEvent.ACTION_DOWN:  
  97.         /**設置曲線軌跡起點 X Y坐標**/  
  98.         mPath.moveTo(x, y);  
  99.         break;  
  100.         // 觸摸移動的事件  
  101.         case MotionEvent.ACTION_MOVE:  
  102.         /**設置曲線軌跡**/  
  103.         //參數1 起始點X坐標  
  104.         //參數2 起始點Y坐標  
  105.         //參數3 結束點X坐標  
  106.         //參數4 結束點Y坐標  
  107.         mPath.quadTo(mposX, mposY, x, y);  
  108.         break;  
  109.         // 觸摸抬起的事件  
  110.         case MotionEvent.ACTION_UP:  
  111.         /**按鍵抬起後清空路徑軌跡**/  
  112.         mPath.reset();  
  113.         break;  
  114.         }  
  115.        //記錄當前觸摸X Y坐標  
  116.         mposX = x;  
  117.         mposY = y;  
  118.         return true;  
  119.     }  
  120.    
  121.     private void Draw() {  
  122.         /**清空畫布**/  
  123.         mCanvas.drawColor(Color.WHITE);  
  124.         /**繪制曲線**/  
  125.         mCanvas.drawPath(mPath, mPaint);  
  126.    
  127.         /**記錄當前觸點位置**/  
  128.         mCanvas.drawText("當前觸筆 X：" + mposX, 0, 20,mTextPaint);  
  129.         mCanvas.drawText("當前觸筆 Y：" + mposY, 0, 40,mTextPaint);  
  130.     }  
  131.    
  132.     @Override  
  133.     public void surfaceChanged(SurfaceHolder holder, int format, int width,  
  134.         int height) {  
  135.    
  136.     }  
  137.    
  138.     @Override  
  139.     public void surfaceCreated(SurfaceHolder holder) {  
  140.         /**開始游戲主循環線程**/  
  141.         mIsRunning = true;  
  142.         new Thread(this).start();  
  143.     }  
  144.    
  145.     @Override  
  146.     public void surfaceDestroyed(SurfaceHolder holder) {  
  147.         mIsRunning = false;  
  148.     }  
  149.    
  150.     @Override  
  151.     public void run() {  
  152.         while (mIsRunning) {  
  153.    
  154.         /** 取得更新游戲之前的時間 **/  
  155.         long startTime = System.currentTimeMillis();  
  156.    
  157.         /** 在這裡加上線程安全鎖 **/  
  158.         synchronized (mSurfaceHolder) {  
  159.             /** 拿到當前畫布 然後鎖定 **/  
  160.             mCanvas = mSurfaceHolder.lockCanvas();  
  161.             Draw();  
  162.             /** 繪制結束後解鎖顯示在屏幕上 **/  
  163.             mSurfaceHolder.unlockCanvasAndPost(mCanvas);  
  164.         }  
  165.    
  166.         /** 取得更新游戲結束的時間 **/  
  167.         long endTime = System.currentTimeMillis();  
  168.    
  169.         /** 計算出游戲一次更新的毫秒數 **/  
  170.         int diffTime = (int) (endTime - startTime);  
  171.    
  172.         /** 確保每次更新時間為50幀 **/  
  173.         while (diffTime <= TIME_IN_FRAME) {  
  174.             diffTime = (int) (System.currentTimeMillis() - startTime);  
  175.             /** 線程等待 **/  
  176.             Thread.yield();  
  177.         }  
  178.    
  179.         }  
  180.    
  181.     }  
  182.     }  
  183. }  

　　源碼下載地址：http://vdisk.weibo.com/s/aajeJ

  1. 上一頁:
  2. 下一頁:
Android游戲開發
Android游戲攻略Android游戲資訊關於Android游戲Android游戲開發
相關文章
熱門文章
Android游戲開發教程之十三：Sensor感應實例 Android游戲開發教程之十四：觸摸軌跡曲線 Android游戲引擎libgdx使用教程15：TWL布局 Android游戲開發中繪制游戲觸摸軌跡的曲線圖 23天從0開始完成一款Android游戲開發 – 第3~5天 Android游戲引擎libgdx使用教程11：如何使用Skin和UI配置文件
Android五子棋游戲開發實戰的親身經驗之三

    &nb
Android游戲開發23：自定義ListView通用適配器（BaseAdapter）之全方位詳解

    &nb
Android游戲開發教程之十六：多線程的操作方式

　　游戲開發與軟件開發多線程的重要性　　如果程序主線程
Android游戲開發19：SurfaceView運行機制剖析

    &nb
閱讀排行版
Copyright © Android教程網 All Rights Reserved