Диаграммная бумага в WPF с использованием DrawingBrush

Question

Я пытаюсь сделать графическую бумагу, используя WPF, используя DrawingBrush. Я нашел следующий пример на 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>

В настоящее время это генерирует

Я хочу генерировать

шириной 3 см, каждый ряд 4 мм

Я буду использовать эту плитку в качестве фона, а точнее, DrawingBrush TileMode позаботится об этом за меня.

Answer 1

Измените размер кисти, чтобы область просмотра имела больше высоты, чем ширины, и измените геометрию соответственно, чтобы линии по-прежнему выглядели толщиной 1 пиксель.

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