Android中貝塞爾曲線的繪制方法示例代碼

更新時間：2016年08月22日 09:50:08 投稿：lqh

本文主要介紹Android中貝塞爾曲線的繪制方法,這里詳細(xì)介紹了如何繪制貝塞爾曲線，并附有示例代碼，有需要的小伙伴可以參考下

貝塞爾曲線，很多人可能不太了解，什么叫做貝塞爾曲線呢？這里先做一下簡單介紹：貝塞爾曲線也可以叫做貝濟(jì)埃曲線或者貝茲曲線，它由線段與節(jié)點組成，節(jié)點是可拖動的支點，線段像可伸縮的皮筋。一般的矢量圖形軟件常利用貝塞爾曲線來精確畫出曲線。

上面的介紹中，“線段像可伸縮的皮筋”這句話非常關(guān)鍵，但也特別好理解。至于貝塞爾曲線的詳細(xì)內(nèi)容大家可以查閱相關(guān)資料。

Android提供的貝塞爾曲線繪制接口

在Android開發(fā)中，要實現(xiàn)貝塞爾曲線其實還是很簡單的，因為Android已經(jīng)給我們提供了相關(guān)接口，但此接口方法被藏的有點深，藏于Path類中。此方法如下：

android.graphics.Path.quadTo(float x1, float y1, float x2, float y2)

Since: API Level 1

參數(shù)說明：

x1：操作點的x坐標(biāo)

y1：操作點的y坐標(biāo)

x2：結(jié)束點的x坐標(biāo)

y2：結(jié)束點的y坐標(biāo)

從API中看出，貝塞爾曲線從API－1就開始支持了。

Android貝塞爾曲線的繪制實例

熟悉方法后，下面就來實現(xiàn)：

SurfaceView框架不多講，看過我博客的都應(yīng)該知道的。

直接看MySurfaceView類，此類繼承SurfaceView，是游戲的主視圖。

這里為了更清晰的講解：這里部分代碼先不貼出來了，最后會整體貼出。

首先是定義相關(guān)的成員變量：

Java代碼

// 貝賽爾曲線成員變量(起始點，控制（操作點），終止點，3點坐標(biāo)) 
private int startX, startY, controlX, controlY, endX, endY; 
// Path 
private Path path; 
// 為了不影響主畫筆，這里繪制貝賽爾曲線單獨用一個新畫筆 
private Paint paintQ; 
// 隨機庫（讓貝賽爾曲線更明顯） 
private Random random;

本類構(gòu)造函數(shù)：

Java代碼

/** 
 * SurfaceView初始化函數(shù) 
 */ 
public MySurfaceView(Context context) { 
 super(context); 
 ... 
  //貝賽爾曲線相關(guān)初始化 
  path = new Path(); 
  paintQ = new Paint(); 
  paintQ.setAntiAlias(true); 
  paintQ.setStyle(Style.STROKE); 
  paintQ.setStrokeWidth(5); 
  paintQ.setColor(Color.WHITE); 
  random = new Random(); 
 ... 
}

接著我把貝賽爾曲線的繪制封裝成一個方法了，函數(shù)如下：

Java代碼

/** 
 * 繪制貝賽爾曲線 
 * 
 * @param canvas 主畫布 
 */ 
public void drawQpath(Canvas canvas) { 
 path.reset();// 重置path 
 // 貝賽爾曲線的起始點 
 path.moveTo(startX, startY); 
 // 設(shè)置貝賽爾曲線的操作點以及終止點 
 path.quadTo(controlX, controlY, endX, endY); 
 // 繪制貝賽爾曲線（Path） 
 canvas.drawPath(path, paintQ); 
}

最后是用戶觸屏監(jiān)聽函數(shù)以及邏輯函數(shù)：

Java代碼

/** 
 * 觸屏事件監(jiān)聽 
 */ 
@Override 
public boolean onTouchEvent(MotionEvent event) { 
 endX = (int) event.getX(); 
 endY = (int) event.getY(); 
 return true; 
} 
/** 
 * 游戲邏輯 
 */ 
private void logic() { 
 if (endX != 0 && endY != 0) { 
  // 設(shè)置操作點為線段x/y的一半 
  controlX = random.nextInt((endX - startX) / 2); 
  controlY = random.nextInt((endY - startY) / 2); 
 } 
}

整個代碼很easy，主要是貝賽爾函數(shù)的參數(shù)，尤其是操作點，操作點的各種不同可以實現(xiàn)不同的效果，這里我簡單的統(tǒng)一的講操作點設(shè)置成用戶觸屏點的x、y的一半，呵呵偷懶了~~

我把貝賽爾的操作點寫在了邏輯logic()函數(shù)中，不斷的執(zhí)行，并且每次利用nextInt函數(shù)得到隨機的操作點，主要為了讓其曲線不斷的變化從而形成一個震動的曲線運動軌跡。

運行效果截圖如下：

這里可能由于圖片是靜止的，所以效果看起來不是很明顯，大家可以運行源碼來觀察。

下面貼出整個MySurfaceView的源碼：

Java代碼

package com.qpath; 
import java.util.Random; 
import android.content.Context; 
import android.graphics.Canvas; 
import android.graphics.Color; 
import android.graphics.Paint; 
import android.graphics.Paint.Style; 
import android.graphics.Path; 
import android.view.KeyEvent; 
import android.view.MotionEvent; 
import android.view.SurfaceHolder; 
import android.view.SurfaceHolder.Callback; 
import android.view.SurfaceView; 
/** 
 * 賽貝爾曲線 
 * @author Himi 
 * 
 */ 
public class MySurfaceView extends SurfaceView implements Callback, Runnable { 
 private SurfaceHolder sfh; 
 private Paint paint; 
 private Thread th; 
 private boolean flag; 
 private Canvas canvas; 
 public static int screenW, screenH; 
 // -----------以上是SurfaceView游戲框架 
 // 貝賽爾曲線成員變量(起始點，控制（操作點），終止點，3點坐標(biāo)) 
 private int startX, startY, controlX, controlY, endX, endY; 
 // Path 
 private Path path; 
 // 為了不影響主畫筆，這里繪制貝賽爾曲線單獨用一個新畫筆 
 private Paint paintQ; 
 // 隨機庫（讓貝賽爾曲線更明顯） 
 private Random random; 
 /** 
  * SurfaceView初始化函數(shù) 
  */ 
 public MySurfaceView(Context context) { 
  super(context); 
  sfh = this.getHolder(); 
  sfh.addCallback(this); 
  paint = new Paint(); 
  paint.setColor(Color.WHITE); 
  paint.setAntiAlias(true); 
  setFocusable(true); 
  // -----------以上是SurfaceView游戲框架 
  //貝賽爾曲線相關(guān)初始化 
  path = new Path(); 
  paintQ = new Paint(); 
  paintQ.setAntiAlias(true); 
  paintQ.setStyle(Style.STROKE); 
  paintQ.setStrokeWidth(5); 
  paintQ.setColor(Color.WHITE); 
  random = new Random(); 
 } 
 /** 
  * SurfaceView視圖創(chuàng)建，響應(yīng)此函數(shù) 
  */ 
 public void surfaceCreated(SurfaceHolder holder) { 
  screenW = this.getWidth(); 
  screenH = this.getHeight(); 
  flag = true; 
  // 實例線程 
  th = new Thread(this); 
  // 啟動線程 
  th.start(); 
  // -----------以上是SurfaceView游戲框架 
 } 
 /** 
  * 游戲繪圖 
  */ 
 public void myDraw() { 
  try { 
   canvas = sfh.lockCanvas(); 
   if (canvas != null) { 
    canvas.drawColor(Color.BLACK); 
    // -----------以上是SurfaceView游戲框架 
    drawQpath(canvas); 
   } 
  } catch (Exception e) { 
   // TODO: handle exception 
  } finally { 
   if (canvas != null) 
    sfh.unlockCanvasAndPost(canvas); 
  } 
 } 
 /** 
  * 繪制貝賽爾曲線 
  * 
  * @param canvas 主畫布 
  */ 
 public void drawQpath(Canvas canvas) { 
  path.reset();// 重置path 
  // 貝賽爾曲線的起始點 
  path.moveTo(startX, startY); 
  // 設(shè)置貝賽爾曲線的操作點以及終止點 
  path.quadTo(controlX, controlY, endX, endY); 
  // 繪制貝賽爾曲線（Path） 
  canvas.drawPath(path, paintQ); 
 } 
 /** 
  * 觸屏事件監(jiān)聽 
  */ 
 @Override 
 public boolean onTouchEvent(MotionEvent event) { 
  endX = (int) event.getX(); 
  endY = (int) event.getY(); 
  return true; 
 } 
 /** 
  * 游戲邏輯 
  */ 
 private void logic() { 
  if (endX != 0 && endY != 0) { 
   // 設(shè)置操作點為線段x/y的一半 
   controlX = random.nextInt((endX - startX) / 2); 
   controlY = random.nextInt((endY - startY) / 2); 
  } 
 } 
 /** 
  * 按鍵事件監(jiān)聽 
  */ 
 @Override 
 public boolean onKeyDown(int keyCode, KeyEvent event) { 
  return super.onKeyDown(keyCode, event); 
 } 
 public void run() { 
  while (flag) { 
   long start = System.currentTimeMillis(); 
   myDraw(); 
   logic(); 
   long end = System.currentTimeMillis(); 
   try { 
    if (end - start < 50) { 
     Thread.sleep(50 - (end - start)); 
    } 
   } catch (InterruptedException e) { 
    e.printStackTrace(); 
   } 
  } 
 } 
 /** 
  * SurfaceView視圖狀態(tài)發(fā)生改變，響應(yīng)此函數(shù) 
  */ 
 public void surfaceChanged(SurfaceHolder holder, int format, int width, 
   int height) { 
 } 
 /** 
  * SurfaceView視圖消亡時，響應(yīng)此函數(shù) 
  */ 
 public void surfaceDestroyed(SurfaceHolder holder) { 
  flag = false; 
 } 
}

以上就是對Android 貝塞爾曲線的繪制的示例代碼，后續(xù)繼續(xù)補充相關(guān)知識，謝謝大家對本站的支持！

您可能感興趣的文章: