wpf - wpfで複数のグリッド正方形を描く

Question

グリッド (30 列と 20 行) があります。各正方形には、次のようなキャンバスが含まれています。

Canvas Name="canvas1" Grid.Column="1" Grid.Row="1" Style="{StaticResource ResourceKey=ImagePlacement}

30x20 の正方形をコピーして貼り付ける必要があります。どうすればより良い方法を見つけることができますか? 私を助けてください。

ありがとう！

Answer 1

命名は必要だが特定の順序は必要ない場合は、次を使用できますUniformGrid。

<UniformGrid Columns="30" Rows="20">
    <UniformGrid.Resources>
        <Style TargetType="Canvas">
            <Setter Property="Style" Value="{StaticResource ResourceKey=ImagePlacement}" />
        </Style>
    </UniformGrid.Resources>
    <Canvas Name="canvas1" />
    <Canvas Name="canvas2" />
    ...
</UniformGrid>

アイテムのリストがある場合は、次を使用しますItemsControl。

<ItemsControl ItemsSource="{Binding YourItemsList}">
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <UniformGrid Columns="30" Rows="20" />
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <Canvas Style="{StaticResource ResourceKey=ImagePlacement}">
                ... your bounded Content ...
            </Canvas>               
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>