WPF 2D圖形 Shape入門(一)--Shape

RyzenAdorer發表於2021-05-28

本文是篇WPF Shape的入門文章

Shape

首先看看shape的繼承鏈關係:

一個Shape具有哪些重要屬性:

屬性 說明
DefiningGeometry 預設的幾何形狀
RenderedGeometry 最終渲染後呈現的幾何形狀
Stroke 繪製的形狀輪廓加上畫刷(顏色)
StrokeThickness 繪製邊框畫刷的粗細
Fill 給繪製的形狀內部填充畫刷

Rectangle

我們先來剖析一個簡單的預設的Shape物件Rectangle,實際上一個Rectangle能夠正式渲染顯示到介面當中,必須含有三個要素:

  • Geometry(幾何):決定著繪製的形狀
  • Stroke(邊框畫刷)或者Fill(填充畫刷):給繪製的形狀輪廓加上畫刷(顏色)/給繪製的形狀內部填充畫刷(顏色)
  • Height/Width:決定著幾何圖形的大小

因此程式碼如下:

MainWindow.xaml:

    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
        </Grid.ColumnDefinitions>
       <Rectangle x:Name="Rectangle" Height="150" Width="150" Stroke="Black" />
    </Grid>

MainWindow.xaml.cs:

Debug.WriteLine(Rectangle.RenderedGeometry.ToString());

輸出:

System.Windows.Media.RectangleGeometry

因此實際上決定一個真正的Rectangle形狀的是RectangleGeometry,關於Geometry相關的知識可能會在以後Shape系列文章講到

Path

還有一種方式同樣的能夠獲得矩形形狀,那就是通過Path:

MainWindow.xaml:

 <Path x:Name="Path" Grid.Column="1" Stroke="Black" />

MainWindow.xaml.cs:

 Path.Data = new RectangleGeometry(new Rect(100, 128, 150, 150));
 Debug.WriteLine(Path.RenderedGeometry.ToString());

輸出:

System.Windows.Media.RectangleGeometry

介面效果:

因此,Rectangle實際上底層是預設了RectangleGeometry,而通過Path我們可以自定義所需的Geometry

相關文章