如果你覺得前面所討論的繪制各種幾何圖形的方法過(guò)于復(fù)雜，那么，今天我們也來(lái)一次“減負(fù)”吧。當(dāng)然，我們是很輕松的，本教程是不用考試的，也不會(huì)班級(jí)排名，僅僅為讀者朋友們提供一種思路罷了。

本節(jié)我們聊一下路徑標(biāo)記法，有了這個(gè)東東，你會(huì)覺得繪制路徑會(huì)輕松了不少，事不宜遲，路徑標(biāo)記法到底有多方便，先看一個(gè)實(shí)例再說(shuō)吧。

<Path VerticalAlignment="Stretch" HorizontalAlignment="Stretch"    
      Stroke="LightGreen" StrokeThickness="6"   
      Data="M12,2 L35,28 175,69 H80 V260 M185,400 C60,40 135,100 300,250" />   

看看效果圖。

怎么樣？是不是簡(jiǎn)潔了許多？

一、移動(dòng)指令

這個(gè)好理解，就是移動(dòng)到某個(gè)點(diǎn)，接下來(lái)繪制的一系列圖形以該點(diǎn)作為起點(diǎn)，語(yǔ)法如下：

M<點(diǎn)坐標(biāo)>或m<點(diǎn)坐標(biāo)>  

M表示絕對(duì)定位，m表示相對(duì)于上一個(gè)點(diǎn)的偏移量，如果移動(dòng)指令后接著多個(gè)點(diǎn)，則會(huì)創(chuàng)建連接這些點(diǎn)的直線，看下面的例子。

<Path HorizontalAlignment="Stretch"   
      VerticalAlignment="Stretch"   
      Stroke="Yellow" StrokeThickness="6"   
      Data="M50,26 124,39 220,97 m200,145 95,335"/>  

先看運(yùn)行效果。

注意上面的M與m的區(qū)別，距離上一個(gè)結(jié)束點(diǎn)X軸+200，Y軸+145的地方，也就是一個(gè)偏移量。

二、繪制指令

這里我僅僅列舉幾個(gè)例子，具體內(nèi)容大家可以參考MSDN。

1、繪制直線。

語(yǔ)法：

L <結(jié)束點(diǎn)>或l <結(jié)束點(diǎn)>   

例子：

<Path HorizontalAlignment="Stretch"   
  VerticalAlignment="Stretch"   
  Stroke="Yellow"   
  StrokeThickness="6"   
  Data="M21,15 L30,17 200,79 150,300 160,410"/>  

運(yùn)行效果。

2、貝塞爾曲線

（1）三次方貝塞爾曲線

語(yǔ)法：C 控制點(diǎn)1 控制點(diǎn)2 終點(diǎn) ，或c 控制點(diǎn)1 控制點(diǎn)2 終點(diǎn)。

例子：

<Path HorizontalAlignment="Stretch"   
  VerticalAlignment="Stretch"   
  Stroke="Yellow"   
  StrokeThickness="6"   
  Data="M10,5 C60,75 150,160 30,200"/>  

（2）二次貝塞爾曲線

語(yǔ)法：Q 控制點(diǎn) 終點(diǎn) 或 q 控制點(diǎn) 終點(diǎn)

例子：

<Path HorizontalAlignment="Stretch"   
      VerticalAlignment="Stretch"   
      Stroke="Yellow"   
      StrokeThickness="6"   
      Data="M10,5 Q200,55 200,385"/>   

3、繪制弧線

語(yǔ)法：

A size rotationAngle isLargeArcFlag sweepDirectionFlag endPoint

- 或 -

a size rotationAngle isLargeArcFlag sweepDirectionFlag endPoint

size：圓弧的大小，X表示X軸上的半徑長(zhǎng)度，Y表示Y軸上的半徑度度。

rotationAngle：圓弧的角度。

isLargeArcFlag：如果弧線的角度應(yīng)大于或等于 180 度，則設(shè)置為 1；否則設(shè)置為 0。

sweepDirectionFlag：如果弧線按照正角方向繪制，則設(shè)置為 1；否則設(shè)置為 0。

endPoint：終點(diǎn)。

例子：

<Path HorizontalAlignment="Stretch"   
      VerticalAlignment="Stretch"   
      Stroke="Yellow"   
      StrokeThickness="6"   
      Data="M10,30 A185,230 90 0 1 200,435"/>   

也許你會(huì)發(fā)現(xiàn)，盡管使用這種方法，但是畫起圖來(lái)也是不方便，現(xiàn)在，我明白我為什么不重點(diǎn)敘述這些內(nèi)容的原因了，對(duì)于XAML手動(dòng)構(gòu)圖，我只是簡(jiǎn)單帶過(guò)，在實(shí)際開發(fā)中，效率不高，而且難度較大。

下一節(jié)中，我向大家介紹一種更簡(jiǎn)單的繪圖方案。