日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

WPF使用Geometry繪制幾何圖形_C#教程

作者:天方 ? 更新時間: 2022-08-19 編程語言

在WPF的DrawingContext對象中,提供了基本的繪制橢圓和矩形的API:DrawEllipse和DrawRectangle。但是,這些是遠遠不夠用的,我們在日常應用中,更多的是使用DrawGeometry函數,它可以繪制更多復雜的幾何圖形,并且提供了許多強大而易用的函數,在大多數場景下,甚至可以取代DrawEllipse和DrawRectangle函數。

在WPF圖形體系中,Geometry類表示幾何圖形的基類,使用的時候是實例化它的一些子類,具體的有:

基本幾何圖形

線段:LineGeometry

矩形:RectangleGeometry

橢圓:EllipseGeometry

幾何圖形集合

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

  • 線段:LineSegment

  • 弧:ArcSegment

貝塞爾曲線:貝塞爾曲線系列還比較多,具體有如下幾種:

  • BezierSegment:在兩個點之間創建一條三次方貝塞爾曲線。

  • PolyBezierSegment:創建一系列三次方貝塞爾曲線。

  • PolyQuadraticBezierSegment:創建一系列二次貝塞爾曲線。

  • QuadraticBezierSegment:創建一條二次貝塞爾曲線。

除了這種組合的方式之外,系統還提供了一個通過一系列API來繪制的StreamGeometry。它不支持綁定,動畫,相應也更加靈活而高效。

    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);
    }

復合幾何圖形

使用GeometryGroup、CombinedGeometry或者通過調用靜態的Geometry方法Combine,可以創建復合幾何圖形對象。它們主要的區別是:

CombinedGeometry對子圖形進行疊加操作,沒有面積的子圖形將被丟棄。只能組合兩個子圖形(但是這兩個子圖形也可以是復合幾何圖形)。GeometryGroup只進行組合,而不進行面積疊加。可以添加多個子圖形。有關示例,請參見如何:創建復合形狀。

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

這些在我們的日常應用中是非常有用的,具體示例請參看MSDN文章: 如何:創建復合形狀和如何:創建組合的幾何圖形。

常用方法

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

  • GetArea:獲取Geometry的面積。
  • FillContains:確定是否包含其他Geometry。
  • StrokeContains:確定是否包含指定的點。
  • Bounds:獲取外接矩形

這些都是非常常用的方法,例如FillContains,StrokeContains用于鼠標命中測試是非常方便的。

呈現方式

Geometry對象并不能作為圖像獨立呈現出來,它一般有如下幾種呈現方式:

在Path中呈現:

可以作為GeometryDrawing.Geometry的參數呈現為Path對象

    <Path Stroke="Black" StrokeThickness="1" >
        <Path.Data>
            <LineGeometry StartPoint="10,20" EndPoint="100,130" />
        </Path.Data>
    </Path>

這種方式下寫一些簡單的幾何圖形還行,但對于PathGeometry來說有些冗繁,因此XAML采用了一種簡單的路徑標記語法來簡化這一過程,

    <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" />

這種語法在一些第三方矢量圖轉換過來的文件中非常常見,如果能熟練掌握的話,寫一些簡單的幾何圖形也是非常方便的。

在DrawingContext中呈現

可以作為DrawingContext. DrawGeometry的參數呈現,這種方式后面的文章中做會更多的說明,這里就不多介紹了。

在GeometryDrawing中呈現

可以作為GeometryDrawing.Geometry的參數呈現為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>

當然,Drawing對象也不能獨立呈現,一般是作為DrawingBrush或作為DrawingContext.DrawDrawing的參數來使用的

其它用途:

作為UIElement.Clip參數裁剪控件

    <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對象定義的幾何路徑旋轉(轉動)對象的路徑。

小結

Geometry的功能是非常強大的,本文這里只是對其主要功能做了一個簡單的介紹,后面的文章中,將會更多的用例子來介紹一下它的用法。

原文鏈接:https://www.cnblogs.com/TianFang/p/5204691.html

欄目分類
最近更新