WPF使用Geometry繪制幾何圖形
在WPF的DrawingContext對(duì)象中,提供了基本的繪制橢圓和矩形的API:DrawEllipse和DrawRectangle。但是,這些是遠(yuǎn)遠(yuǎn)不夠用的,我們?cè)谌粘?yīng)用中,更多的是使用DrawGeometry函數(shù),它可以繪制更多復(fù)雜的幾何圖形,并且提供了許多強(qiáng)大而易用的函數(shù),在大多數(shù)場(chǎng)景下,甚至可以取代DrawEllipse和DrawRectangle函數(shù)。
在WPF圖形體系中,Geometry類表示幾何圖形的基類,使用的時(shí)候是實(shí)例化它的一些子類,具體的有:
基本幾何圖形
線段:LineGeometry
幾何圖形集合
路徑集合圖形PathGeometry里可以包含一系列幾何圖形集合,常見(jiàn)的有:
線段:LineSegment
?。?a rel="external nofollow" target="_blank">ArcSegment
貝塞爾曲線:貝塞爾曲線系列還比較多,具體有如下幾種:
BezierSegment:在兩個(gè)點(diǎn)之間創(chuàng)建一條三次方貝塞爾曲線。
PolyBezierSegment:創(chuàng)建一系列三次方貝塞爾曲線。
PolyQuadraticBezierSegment:創(chuàng)建一系列二次貝塞爾曲線。
QuadraticBezierSegment:創(chuàng)建一條二次貝塞爾曲線。
除了這種組合的方式之外,系統(tǒng)還提供了一個(gè)通過(guò)一系列API來(lái)繪制的StreamGeometry。它不支持綁定,動(dòng)畫,相應(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或者通過(guò)調(diào)用靜態(tài)的Geometry方法Combine,可以創(chuàng)建復(fù)合幾何圖形對(duì)象。它們主要的區(qū)別是:
CombinedGeometry對(duì)子圖形進(jìn)行疊加操作,沒(méi)有面積的子圖形將被丟棄。只能組合兩個(gè)子圖形(但是這兩個(gè)子圖形也可以是復(fù)合幾何圖形)。GeometryGroup只進(jìn)行組合,而不進(jìn)行面積疊加。可以添加多個(gè)子圖形。有關(guān)示例,請(qǐng)參見(jiàn)如何:創(chuàng)建復(fù)合形狀。
CombinedGeometry的疊加方式有四種:Union、Intersect、Exclude和Xor,它們的效果為:
這些在我們的日常應(yīng)用中是非常有用的,具體示例請(qǐng)參看MSDN文章: 如何:創(chuàng)建復(fù)合形狀和如何:創(chuàng)建組合的幾何圖形。
常用方法
Geometry對(duì)象中本身還包含了一系列非常有用的方法,如:
- GetArea:獲取Geometry的面積。
- FillContains:確定是否包含其他Geometry。
- StrokeContains:確定是否包含指定的點(diǎn)。
- Bounds:獲取外接矩形
這些都是非常常用的方法,例如FillContains,StrokeContains用于鼠標(biāo)命中測(cè)試是非常方便的。
呈現(xiàn)方式
Geometry對(duì)象并不能作為圖像獨(dú)立呈現(xiàn)出來(lái),它一般有如下幾種呈現(xiàn)方式:
在Path中呈現(xiàn):
可以作為GeometryDrawing.Geometry的參數(shù)呈現(xiàn)為Path對(duì)象
<Path Stroke="Black" StrokeThickness="1" > <Path.Data> <LineGeometry StartPoint="10,20" EndPoint="100,130" /> </Path.Data> </Path>
這種方式下寫一些簡(jiǎn)單的幾何圖形還行,但對(duì)于PathGeometry來(lái)說(shuō)有些冗繁,因此XAML采用了一種簡(jiǎn)單的路徑標(biāo)記語(yǔ)法來(lái)簡(jiǎn)化這一過(guò)程,
<Path Stroke="Black" Fill="Gray"> <Path.Data> <PathGeometry Figures="M 10,100 C 10,300 300,-200 300,100" /> </Path.Data> </Path>
甚至可以直接簡(jiǎn)化為:
<Path Stroke="Black" Fill="Gray" Data="M 10,100 C 10,300 300,-200 300,100" />
這種語(yǔ)法在一些第三方矢量圖轉(zhuǎn)換過(guò)來(lái)的文件中非常常見(jiàn),如果能熟練掌握的話,寫一些簡(jiǎn)單的幾何圖形也是非常方便的。
在DrawingContext中呈現(xiàn)
可以作為DrawingContext. DrawGeometry的參數(shù)呈現(xiàn),這種方式后面的文章中做會(huì)更多的說(shuō)明,這里就不多介紹了。
在GeometryDrawing中呈現(xiàn)
可以作為GeometryDrawing.Geometry的參數(shù)呈現(xiàn)為Drawing對(duì)象
<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對(duì)象也不能獨(dú)立呈現(xiàn),一般是作為DrawingBrush或作為DrawingContext.DrawDrawing的參數(shù)來(lái)使用的
其它用途:
作為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屬性生成路徑動(dòng)畫
可以將PathGeometry對(duì)象定義的幾何路徑旋轉(zhuǎn)(轉(zhuǎn)動(dòng))對(duì)象的路徑。
小結(jié)
Geometry的功能是非常強(qiáng)大的,本文這里只是對(duì)其主要功能做了一個(gè)簡(jiǎn)單的介紹,后面的文章中,將會(huì)更多的用例子來(lái)介紹一下它的用法。
到此這篇關(guān)于WPF使用Geometry繪制幾何圖形的文章就介紹到這了。希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
C#使用SendMessage實(shí)現(xiàn)進(jìn)程間通信的方法
這篇文章主要介紹了C#使用SendMessage實(shí)現(xiàn)進(jìn)程間通信的方法,涉及C#中SendMessage方法的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04C#實(shí)現(xiàn)微信結(jié)合百度api獲取當(dāng)前用戶地理位置的方法
這篇文章主要介紹了C#實(shí)現(xiàn)微信結(jié)合百度api獲取當(dāng)前用戶地理位置的方法,結(jié)合實(shí)例形式分析了C#調(diào)用微信與百度API接口的相關(guān)操作技巧,需要的朋友可以參考下2017-07-07UGUI實(shí)現(xiàn)隨意調(diào)整Text中的字體間距
這篇文章主要為大家詳細(xì)介紹了UGUI實(shí)現(xiàn)隨意調(diào)整字體間距的方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-03-03C#筆試題之同線程Lock語(yǔ)句遞歸不會(huì)死鎖
這篇文章主要介紹了C$ 筆試題之同線程Lock語(yǔ)句遞歸不會(huì)死鎖,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-02-02c#進(jìn)度條 progressBar 使用方法的小例子
1、創(chuàng)建進(jìn)度條窗口2、在其他窗口中調(diào)用方法ShowProcess(int percent,string message)2013-04-04