Question

我在问题中的XAML直接来自this问题。它只是XAML创建一个平铺的DrawingBrush来渲染矩形（在我的例子中是正方形）与画布的背景。我的问题是，只有当我将画布的宽度和高度设置为“自动”以外的任何值时，此XAML才有效。但是当我将canvasMain的宽度和高度设置为自动时，背景上不会绘制正方形。

如何将“宽度”和“高度”设置为“自动”并让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>

DrawingBrush on Canvas无法正常工作

1 个答案: