画布上的DrawingBrush不工作

Question

我的问题中的XAML是直接从this问题中拿来的。只是XAML创建了一个平铺的DrawingBrush，在画布的背景下呈现矩形(在我的例子中是正方形)。我的问题是，只有当我将画布的宽度和高度设置为"Auto“以外的任何内容时，此XAML才能工作。但是，当我将canvasMain的宽度和高度设置为Auto时，背景上就不会画正方形。

如何将我的宽度和高度设置为“自动”，以及如何使DrawingBrush在我的画布上呈现方块？

这是我的XAML：

<Window.Resources>
  <DrawingBrush x:Key="GridTile" Stretch="None" TileMode="Tile"
    Viewport="0,0 20,20" ViewportUnits="Absolute">
    <!-- ^^^^^^^^^^^ set the size of the tile-->
    <DrawingBrush.Drawing>
      <GeometryDrawing>
        <GeometryDrawing.Geometry>
          <!-- draw a single X -->
          <GeometryGroup>
            <!-- top-left to top-right -->
            <LineGeometry StartPoint="0,0" EndPoint="20,0" />

            <!-- top-left to bottom-left -->
            <LineGeometry StartPoint="0,0" EndPoint="0,20" />

            <!-- bottom-left to bottom-right -->
            <LineGeometry StartPoint="0,20" EndPoint="20,20" />

            <!-- top-right to bottom-right -->
            <LineGeometry StartPoint="20,0" EndPoint="20,20" />

          </GeometryGroup>
        </GeometryDrawing.Geometry>
        <GeometryDrawing.Pen>
          <!-- set color and thickness of lines -->
          <Pen Thickness="1" Brush="Silver" />
        </GeometryDrawing.Pen>
      </GeometryDrawing>
    </DrawingBrush.Drawing>
  </DrawingBrush>
  <DrawingBrush x:Key="OffsetGrid" Stretch="None" AlignmentX="Left" AlignmentY="Top">
    <DrawingBrush.Transform>
      <!-- set the left and top offsets -->
      <TranslateTransform X="0" Y="0" />
    </DrawingBrush.Transform>
    <DrawingBrush.Drawing>
      <GeometryDrawing Brush="{StaticResource GridTile}" >
        <GeometryDrawing.Geometry>
          <!-- set the width and height filled with the tile from the origin -->
          <RectangleGeometry Rect="0,0 160,160" />
        </GeometryDrawing.Geometry>
      </GeometryDrawing>
    </DrawingBrush.Drawing>
  </DrawingBrush>
</Window.Resources>

<Canvas Name="canvasMain" HorizontalAlignment="Left" Margin="0,0,0,0" VerticalAlignment="Top" Width="Auto" Height="Auto" Background="{StaticResource OffsetGrid}"></Canvas>

Answer 1

尝试更改对齐方式：

<Canvas Name="canvasMain" HorizontalAlignment="Stretch" Margin="0,0,0,0" VerticalAlignment="Stretch" Width="Auto" Height="Auto" Background="{StaticResource OffsetGrid}"></Canvas>