带有细长网格部分的方格纸？

Question

我正在尝试使用 DrawingBrush 使用 WPF 制作方格纸。

我在 MSDN 上找到了以下示例，它非常接近我想要的但不完全是。我要做到这一点是纯粹的XAML。我是 WPF 的新手。

 <DrawingBrush x:Key="GridTile" 
                  Viewport="0,0,10,10" 
          ViewportUnits="Absolute"
          TileMode="Tile">
        <DrawingBrush.Drawing>
            <DrawingGroup>
                <GeometryDrawing Geometry="M0,0 L1,0 1,0.1, 0,0.1Z" Brush="Blue" />
                <GeometryDrawing Geometry="M0,0 L0,1 0.1,1, 0.1,0Z" Brush="Red" />
            </DrawingGroup>
        </DrawingBrush.Drawing>
    </DrawingBrush>

目前生成

我要生成

宽3cm，每行4mm

我将使用此图块作为我的背景，或者更确切地说，DrawingBrush TileMode 会为我处理。

Answer 1

更改 Brush 的大小，使 Viewport 的高度大于宽度，并相应地更改 Geometry，使线条仍然显得 1px 粗。

<Window x:Class="WPFTest.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="WPF" SizeToContent="WidthAndHeight">

    <Window.Resources>
        <DrawingBrush x:Key="GridTile" Viewport="0,0,4,16" 
                      ViewportUnits="Absolute" TileMode="Tile">
            <DrawingBrush.Drawing>
                <DrawingGroup>
                    <GeometryDrawing Geometry="M0,0 L1,0 1,0.05 0,0.05Z" Brush="Black"/>
                    <GeometryDrawing Geometry="M0,0 L0,1 0.1,1 0.1,0Z" Brush="Black"/>
                </DrawingGroup>
            </DrawingBrush.Drawing>
        </DrawingBrush>
    </Window.Resources>

    <Rectangle Height="512" Width="512" Stroke="Black" StrokeThickness="0"
               Fill="{StaticResource GridTile}"/>
</Window>

带有细长网格部分的方格纸？

Graph paper with elongated grid sections?

wpf

xaml

drawingbrush