Path是android中用來封裝幾何學路徑的一個類，因為Path在圖形繪製上佔的比重還是相當大的。你可以用它來繪製各種樣式的幾何圖形，做圖表什麼的都可以。

一、畫線段

1.1 lineT(float x, float y)

先來看一段程式碼：

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        mPaint.setColor(Color.RED);
        mPaint.setStyle(Paint.Style.STROKE);  
        mPaint.setStrokeWidth(
 
5);
        
        // 例項化路徑
        mPath = new Path();
        // 連線路徑到點[100,100]
        mPath.lineTo(100, 100);
        // 繪製路徑
        canvas.drawPath(mPath, mPaint);
    }

效果就是將起始點和（100，100）進行連線。這裡因為沒有設定起始點，所以預設是canvas的左上角，而這裡預設的canvas和螢幕重合，所以就成了這個樣子。

當然我們可以考慮多次呼叫lineTo方法來繪製更復雜的圖形：

    @Override
    protected
 
 void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        mPaint.setColor(Color.RED);
        mPaint.setStyle(Paint.Style.STROKE);  
        mPaint.setStrokeWidth(5);
        
        // 例項化路徑
        mPath = new Path();
        mPath.moveTo(100, 100);  
        // 連線路徑到點  
        mPath.lineTo(300, 100);  
        mPath.lineTo(
 
400, 200);  
        mPath.lineTo(200, 200); 
        // 繪製路徑
        canvas.drawPath(mPath, mPaint);
    }

1.2 moveTo(float x, float y)  

我們可以通過moveTo(float x, float y) 來移動起始的座標點，比如：

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        mPaint.setColor(Color.RED);
        mPaint.setStyle(Paint.Style.STROKE);  
        mPaint.setStrokeWidth(5);
        
        // 例項化路徑
        mPath = new Path();
        //移動點至[300,300]  
        mPath.moveTo(300, 300);  
        // 連線路徑到點[100,100]
        mPath.lineTo(100, 100);
        // 繪製路徑
        canvas.drawPath(mPath, mPaint);
    }

1.3 close()

上面的例子我們構建了一個類似平行四邊形的影象，如果此時我們想閉合該曲線讓它變成一個形狀該怎麼做呢？聰明的你一定想到：

mPath.lineTo(100, 100)  

然而Path給我提供了更便捷的方法：

close()

在上面的例子新增close()後就會自動構建一條末點和起始點的線段：

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        mPaint.setColor(Color.RED);
        mPaint.setStyle(Paint.Style.STROKE);  
        mPaint.setStrokeWidth(5);
        
        // 例項化路徑
        mPath = new Path();
        mPath.moveTo(100, 100);  
        // 連線路徑到點  
        mPath.lineTo(300, 100);  
        mPath.lineTo(400, 200);  
        mPath.lineTo(200, 200); 
        // 閉合曲線
        mPath.close();
        // 繪製路徑
        canvas.drawPath(mPath, mPaint);
    }

二、畫貝賽爾曲線

2.1 貝賽爾曲線

什麼叫貝賽爾曲線？其實很簡單，使用三個或多個點來確定的一條曲線，貝塞爾曲線在圖形影象學中有相當重要的地位，Path中也提供了一些方法來給我們模擬低階貝賽爾曲線。

貝塞爾曲線的定義也比較簡單，你只需要一個起點、一個終點和至少零個控制點則可定義一個貝賽爾曲線，當控制點為零時，只有起點和終點，此時的曲線說白了就是一條線段，我們稱之為一階貝賽爾曲線。

PS：以下圖片和公式均來自維基百科和網際網路

一階貝賽爾曲線：

其公式可概括為：

其中B(t)為時間為t時點的座標，P0為起點、Pn為終點

貝塞爾曲線於1962年由法國數學家Pierre Bézier第一次研究使用並給出了詳細的計算公式，So該曲線也是由其名字命名。Path中給出的quadTo方法屬於

二階貝賽爾曲線：

二階貝賽爾曲線的一個明顯特徵是其擁有一個控制點，大家可以這樣想想貝賽爾曲線，在一根兩端固定橡皮筋上有一塊磁鐵，現在我們拿另一塊磁鐵去吸引橡皮筋上的磁鐵，因為引力，橡皮筋會隨著我們手上磁鐵的移動而改變形狀，又因為橡皮筋的張力讓束縛在橡皮筋上的磁鐵不會輕易吸附到我們手上的磁鐵，這時橡皮筋的狀態就可以看成是一條貝塞爾曲線，而我們手中的磁鐵就是一個控制點，通過這個控制點我們“拉扯”橡皮筋的曲度。

二階貝賽爾曲線的公式為：

同樣的，Path中也提供了三階貝塞爾曲線的方法cubicTo，按照上面我們的推論，三階應該是有兩個控制點才對對吧

三階貝賽爾曲線：

公式：

高階貝賽爾曲線在Path中沒有對應的方法，對我們來說三階也足夠了，不過大家可以瞭解下，難得我在牆外找到如此動感的貝賽爾曲線高清無碼動圖

高階貝塞爾曲線：

四階：

五階：

貝塞爾曲線通用公式：

2.2 quadTo(float x1, float y1, float x2, float y2)

上面說了一階的就是一條線段，所以直接來看二階。下面的方法可以讓我們繪製“二階”貝賽爾曲線。

quadTo(float x1, float y1, float x2, float y2)

解釋：其中quadTo的前兩個引數為控制點的座標，後兩個引數為終點座標，至於起點預設是畫布的左上角。這裡的p0就是起點，(x1,y1)就是中點P1，(x2,y2)就是末端點P2。

現在，我們使用它來繪製一條曲線：

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        mPaint.setColor(Color.RED);
        mPaint.setStyle(Paint.Style.STROKE);  
        mPaint.setStrokeWidth(5);
        
        // 例項化路徑
        mPath = new Path();
        // 移動起點至[100,100]  
        mPath.moveTo(100, 100);  
          
        // 連線路徑到點  
        mPath.quadTo(200, 200, 300, 100); 
        canvas.drawPath(mPath, mPaint);
    }

效果：

 示意圖： 

2.3 cubicTo(float x1, float y1, float x2, float y2, float x3, float y3)  

它可以繪製三階貝賽爾曲線。

與quadTo類似，前四個引數表示兩個控制點，最後兩個引數表示終點。其實，(x1,y1)就是P1,(x2,y2)是P2，(x3,y3)是P3。

下面用程式碼來繪製一下：

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        mPaint.setColor(Color.RED);
        mPaint.setStyle(Paint.Style.STROKE);  
        mPaint.setStrokeWidth(5);
        
        // 例項化路徑
        mPath = new Path();
        // 移動起點至[100,100]  
        mPath.moveTo(100, 100);  
          
        // 連線路徑到點  
        mPath.cubicTo(200, 200, 300, 0, 400, 100);  
        canvas.drawPath(mPath, mPaint);
    }

  示意圖： 

三、畫弧線

arcTo (RectF oval, float startAngle, float sweepAngle)  

是一個畫弧線的方法，其實說白了就是從圓或橢圓上擷取一部分而已。

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        mPaint.setColor(Color.RED);
        mPaint.setStyle(Paint.Style.STROKE);  
        mPaint.setStrokeWidth(5);
        
        // 例項化路徑
        mPath = new Path();
        // 移動起點至[100,100]  
        mPath.moveTo(100, 100);  
        // 連線路徑到點  
        RectF oval = new RectF(100, 100, 200, 200);  
        mPath.arcTo(oval, 0, 90); 
        canvas.drawPath(mPath, mPaint);
    }

上面的程式碼首先構建出一個矩形區域，這個區域內就是橢圓和園的區域，橢圓或園會內切於這個矩形區域。然後我們設定圓弧的其實角度和最終角度來擷取圓弧。

注意：使用Path生成的路徑必定都是連貫的，雖然我們使用arcTo繪製的是一段弧但其最終都會與我們的起始點[100,100]連線。

如果你不想連怎麼辦？Path也提供了另一個過載方法：

arcTo (RectF oval, float startAngle, float sweepAngle, boolean forceMoveTo)  

它會強制起點為繪製的起始點，而不是畫布的左上角。我們來看看效果：

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        mPaint.setColor(Color.RED);
        mPaint.setStyle(Paint.Style.STROKE);  
        mPaint.setStrokeWidth(5);
        
        // 例項化路徑
        mPath = new Path();
        // 移動起點至[100,100]  
        mPath.moveTo(100, 100);  
        // 連線路徑到點  
        RectF oval = new RectF(100, 100, 200, 200);  
        mPath.arcTo(oval, 0, 90,true); 
        canvas.drawPath(mPath, mPaint);
    }

四、rXXXTo方法

Path中除了上面介紹的幾個XXXTo方法外還有一套rXXXTo方法：

rCubicTo(float x1, float y1, float x2, float y2, float x3, float y3)  
rLineTo(float dx, float dy)  
rMoveTo(float dx, float dy)  
rQuadTo(float dx1, float dy1, float dx2, float dy2)  

這一系列rXXXTo方法其實跟上面的那些XXXTo差不多的，唯一的不同是rXXXTo方法的參考座標是相對的而XXXTo方法的參考座標始終是參照畫布原點座標，什麼意思呢？舉個簡單的例子：

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        mPaint.setColor(Color.RED);
        mPaint.setStyle(Paint.Style.STROKE);  
        mPaint.setStrokeWidth(5);
        
        // 例項化路徑
        mPath = new Path();
        // 移動點至[100,100]  
        mPath.moveTo(100, 100);  
  
        // 連線路徑到點  
        mPath.lineTo(200, 200); 
        canvas.drawPath(mPath, mPaint);
    }

這裡的move和lineTo的座標都是對於畫布左上角(0,0)來說的，是一個絕對座標。而我們換為mPath.rLineTo(200, 200); 後呢？

是不是感覺線段長了很多，因為這裡的(200,200)是相對於開始點(100,100)來說的，是相對座標。如果換算成絕對座標就是繪製一條(100,100)到(300,300)之間的線段。其實，這個字首“r”也就是relative（相對）的簡寫！

五、addXXX方法

XXXTo方法可以連線Path中的曲線而Path提供的另一系列addXXX方法則可以讓我們直接往Path中新增一些曲線，比如

addArc(RectF oval, float startAngle, float sweepAngle)  

它允許我們將一段弧形新增至Path，注意這裡我用到了“新增”這個詞彙，也就是說，通過addXXX方法新增到Path中的曲線是不會和上一次的曲線進行連線的：

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        mPaint.setColor(Color.RED);
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setStrokeWidth(5);

        // 例項化路徑
        mPath = new Path();
        // 移動點至[100,100]
        mPath.moveTo(100, 100);

        // 連線路徑到點
        mPath.lineTo(200, 200);
        // 新增一條弧線到Path中
        RectF oval = new RectF(100, 100, 300, 400);
        mPath.addArc(oval, 0, 90);

        canvas.drawPath(mPath, mPaint);
    }

如圖和程式碼所示，雖然我們先繪製了由[100,100]到[200,200]的線段，但是在我們往Path中添加了一條弧線後該弧線並沒與線段連線。

除了addArc，Path還提供了一系列的add方法：

addCircle(float x, float y, float radius, Path.Direction dir)  
addOval(float left, float top, float right, float bottom, Path.Direction dir)  
addRect(float left, float top, float right, float bottom, Path.Direction dir)  
addRoundRect(float left, float top, float right, float bottom, float rx, float ry, Path.Direction dir)  

這些方法和addArc有很明顯的區別，就是多了一個Path.Direction引數，其他呢都大同小異，除此之外不知道大家還發現沒有，addArc是往Path中新增一段弧，說白了就是一條開放的曲線，而上述幾種方法都是一個具體的圖形，或者說是一條閉合的曲線，Path.Direction的意思就是標識這些閉合曲線的閉合方向。Path.Direction只有兩個常量值CCW和CW分別表示逆時針方向閉合和順時針方向閉合。

那什麼叫閉合方向呢？光說大家一定會蒙，有學習激情的童鞋看到後肯定會馬上敲程式碼試驗一下兩者的區別，可是不管你如何改，單獨地在一條閉合曲線上你是看不出所謂閉合方向的區別的。為了弄懂它，我們在path上繪製一些文字來說明最後引數的意義：

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        mPaint.setColor(Color.RED);
        mPaint.setStyle(Paint.Style.STROKE);

        // 例項化路徑
        mPath = new Path();
        // 移動起點至[100,100]
        mPath.moveTo(100, 100);

        // 新增一條弧線到Path中  
        RectF oval = new RectF(100, 100, 300, 400);  
        mPath.addOval(oval, Path.Direction.CW); 

        canvas.drawPath(mPath, mPaint);
        
        mPaint.setTextSize(50);
        // 繪製路徑上的文字  
        canvas.drawTextOnPath("123456789", mPath, 0, 0, mPaint); 
    }

如果我們換作：

mPath.addOval(oval, Path.Direction.CCW); 

繪製的文字全都沿著Path跑到閉合曲線的“內部”了。