WPF使用Geometry繪制幾何圖形
在WPF的DrawingContext對象中,提供了基本的繪制橢圓和矩形的API:DrawEllipse和DrawRectangle。但是,這些是遠遠不夠用的,我們在日常應(yīng)用中,更多的是使用DrawGeometry函數(shù),它可以繪制更多復(fù)雜的幾何圖形,并且提供了許多強大而易用的函數(shù),在大多數(shù)場景下,甚至可以取代DrawEllipse和DrawRectangle函數(shù)。
在WPF圖形體系中,Geometry類表示幾何圖形的基類,使用的時候是實例化它的一些子類,具體的有:
基本幾何圖形
線段:LineGeometry



幾何圖形集合
路徑集合圖形PathGeometry里可以包含一系列幾何圖形集合,常見的有:
貝塞爾曲線:貝塞爾曲線系列還比較多,具體有如下幾種:
BezierSegment:在兩個點之間創(chuàng)建一條三次方貝塞爾曲線。
PolyBezierSegment:創(chuàng)建一系列三次方貝塞爾曲線。
PolyQuadraticBezierSegment:創(chuàng)建一系列二次貝塞爾曲線。
QuadraticBezierSegment:創(chuàng)建一條二次貝塞爾曲線。

除了這種組合的方式之外,系統(tǒng)還提供了一個通過一系列API來繪制的StreamGeometry。它不支持綁定,動畫,相應(yīng)也更加靈活而高效。
StreamGeometry geometry = new StreamGeometry;
using (StreamGeometryContext ctx = geometry.Open())
{
ctx.BeginFigure(new Point(10, 100), true , true);
ctx.LineTo(new Point(100, 100), true , false);
ctx.LineTo(new Point(100, 50), true, false);
}復(fù)合幾何圖形
使用GeometryGroup、CombinedGeometry或者通過調(diào)用靜態(tài)的Geometry方法Combine,可以創(chuàng)建復(fù)合幾何圖形對象。它們主要的區(qū)別是:
CombinedGeometry對子圖形進行疊加操作,沒有面積的子圖形將被丟棄。只能組合兩個子圖形(但是這兩個子圖形也可以是復(fù)合幾何圖形)。GeometryGroup只進行組合,而不進行面積疊加。可以添加多個子圖形。有關(guān)示例,請參見如何:創(chuàng)建復(fù)合形狀。
CombinedGeometry的疊加方式有四種:Union、Intersect、Exclude和Xor,它們的效果為:




這些在我們的日常應(yīng)用中是非常有用的,具體示例請參看MSDN文章: 如何:創(chuàng)建復(fù)合形狀和如何:創(chuàng)建組合的幾何圖形。
常用方法
Geometry對象中本身還包含了一系列非常有用的方法,如:
- GetArea:獲取Geometry的面積。
- FillContains:確定是否包含其他Geometry。
- StrokeContains:確定是否包含指定的點。
- Bounds:獲取外接矩形
這些都是非常常用的方法,例如FillContains,StrokeContains用于鼠標(biāo)命中測試是非常方便的。
呈現(xiàn)方式
Geometry對象并不能作為圖像獨立呈現(xiàn)出來,它一般有如下幾種呈現(xiàn)方式:
在Path中呈現(xiàn):
可以作為GeometryDrawing.Geometry的參數(shù)呈現(xiàn)為Path對象
<Path Stroke="Black" StrokeThickness="1" >
<Path.Data>
<LineGeometry StartPoint="10,20" EndPoint="100,130" />
</Path.Data>
</Path>這種方式下寫一些簡單的幾何圖形還行,但對于PathGeometry來說有些冗繁,因此XAML采用了一種簡單的路徑標(biāo)記語法來簡化這一過程,
<Path Stroke="Black" Fill="Gray">
<Path.Data>
<PathGeometry Figures="M 10,100 C 10,300 300,-200 300,100" />
</Path.Data>
</Path>甚至可以直接簡化為:
<Path Stroke="Black" Fill="Gray" Data="M 10,100 C 10,300 300,-200 300,100" />
這種語法在一些第三方矢量圖轉(zhuǎn)換過來的文件中非常常見,如果能熟練掌握的話,寫一些簡單的幾何圖形也是非常方便的。
在DrawingContext中呈現(xiàn)
可以作為DrawingContext. DrawGeometry的參數(shù)呈現(xiàn),這種方式后面的文章中做會更多的說明,這里就不多介紹了。
在GeometryDrawing中呈現(xiàn)
可以作為GeometryDrawing.Geometry的參數(shù)呈現(xiàn)為Drawing對象
<GeometryDrawing Brush="MediumBlue">
<GeometryDrawing.Geometry>
<GeometryGroup>
<EllipseGeometry RadiusX="20" RadiusY="45" Center="50,50" />
<EllipseGeometry RadiusX="45" RadiusY="20" Center="50,50" />
</GeometryGroup>
</GeometryDrawing.Geometry>
</GeometryDrawing>當(dāng)然,Drawing對象也不能獨立呈現(xiàn),一般是作為DrawingBrush或作為DrawingContext.DrawDrawing的參數(shù)來使用的
其它用途:
作為UIElement.Clip參數(shù)裁剪控件
<Image Source="sampleImages\Waterlilies.jpg" Width="200" Height="150" HorizontalAlignment="Left">
<Image.Clip>
<EllipseGeometry RadiusX="100" RadiusY="75" Center="100,75"/>
</Image.Clip>
</Image>

另外,也常用在DrawingGroup.ClipGeometry和DrawingContext.PushClip中裁剪圖像。
作為DoubleAnimationUsingPath. PathGeometry屬性生成路徑動畫
可以將PathGeometry對象定義的幾何路徑旋轉(zhuǎn)(轉(zhuǎn)動)對象的路徑。
小結(jié)
Geometry的功能是非常強大的,本文這里只是對其主要功能做了一個簡單的介紹,后面的文章中,將會更多的用例子來介紹一下它的用法。
到此這篇關(guān)于WPF使用Geometry繪制幾何圖形的文章就介紹到這了。希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Unity UGUI的InputField輸入框組件使用詳解
這篇文章主要為大家介紹了Unity UGUI的InputField輸入框組件使用詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-07-07
DevExpress獲取TreeList可視區(qū)域節(jié)點集合的實現(xiàn)方法
這篇文章主要介紹了DevExpress獲取TreeList可視區(qū)域節(jié)點集合的實現(xiàn)方法,有一定實用價值,需要的朋友可以參考下2014-08-08
使用Unity3D實現(xiàn)選中物體消融特效的方法詳解
淺談C# StringBuilder內(nèi)存碎片對性能的影響

