[WPF]如何在畫布上繪製網格？

Question

如何繪製以下圖表作爲從Canvas繼承的自定義畫布上的背景 - system ui元素？

感謝您的任何有用的鏈接。

Answer 1

您可以只設置Canvas.Background一些DrawingBrush。這個畫筆可以只需要渲染一個矩形（使用一些RectangleGeometry）。由於配套TileMode，我們可以重複沿水平和垂直軸這個矩形，使全網爲您提供：

<Canvas> 
    <Canvas.Background> 
     <DrawingBrush TileMode="Tile" Viewport="-10,-10,40,40" 
            ViewportUnits="Absolute"> 
      <DrawingBrush.Drawing> 
      <GeometryDrawing>     
       <GeometryDrawing.Geometry> 
        <RectangleGeometry Rect="0,0,50,50"/> 
       </GeometryDrawing.Geometry> 
       <GeometryDrawing.Pen> 
        <Pen Brush="Gray" Thickness="1"/> 
       </GeometryDrawing.Pen> 
      </GeometryDrawing> 
      </DrawingBrush.Drawing> 
     </DrawingBrush> 
    </Canvas.Background> 
</Canvas> 

請注意，您可以繪製畫布外的東西，但它的背景始終是它的區域內。所以你需要正確設置你的畫布的尺寸。