快捷導(dǎo)航

WPF使用Geometry繪制幾何圖形

更新時(shí)間：2022年06月27日 14:46:02 作者：天方

這篇文章介紹了WPF使用Geometry繪制幾何圖形的方法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下

在WPF的DrawingContext對象中，提供了基本的繪制橢圓和矩形的API：DrawEllipse和DrawRectangle。但是，這些是遠(yuǎn)遠(yuǎn)不夠用的，我們在日常應(yīng)用中，更多的是使用DrawGeometry函數(shù)，它可以繪制更多復(fù)雜的幾何圖形，并且提供了許多強(qiáng)大而易用的函數(shù)，在大多數(shù)場景下，甚至可以取代DrawEllipse和DrawRectangle函數(shù)。

在WPF圖形體系中，Geometry類表示幾何圖形的基類，使用的時(shí)候是實(shí)例化它的一些子類，具體的有：

基本幾何圖形

線段：LineGeometry

矩形：RectangleGeometry

橢圓：EllipseGeometry

幾何圖形集合

路徑集合圖形PathGeometry里可以包含一系列幾何圖形集合，常見的有：

線段：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è)通過一系列API來繪制的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或者通過調(diào)用靜態(tài)的Geometry方法Combine，可以創(chuàng)建復(fù)合幾何圖形對象。它們主要的區(qū)別是：

CombinedGeometry對子圖形進(jìn)行疊加操作，沒有面積的子圖形將被丟棄。只能組合兩個(gè)子圖形（但是這兩個(gè)子圖形也可以是復(fù)合幾何圖形）。GeometryGroup只進(jìn)行組合，而不進(jìn)行面積疊加?？梢蕴砑佣鄠€(gè)子圖形。有關(guān)示例，請參見如何：創(chuàng)建復(fù)合形狀。

CombinedGeometry的疊加方式有四種：Union、Intersect、Exclude和Xor，它們的效果為：

這些在我們的日常應(yīng)用中是非常有用的，具體示例請參看MSDN文章：如何：創(chuàng)建復(fù)合形狀和如何：創(chuàng)建組合的幾何圖形。

常用方法

Geometry對象中本身還包含了一系列非常有用的方法，如：

GetArea：獲取Geometry的面積。
FillContains：確定是否包含其他Geometry。
StrokeContains：確定是否包含指定的點(diǎn)。
Bounds：獲取外接矩形

這些都是非常常用的方法，例如FillContains，StrokeContains用于鼠標(biāo)命中測試是非常方便的。

呈現(xiàn)方式

Geometry對象并不能作為圖像獨(dú)立呈現(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)，這種方式后面的文章中做會(huì)更多的說明，這里就不多介紹了。

在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對象也不能獨(dú)立呈現(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>