c# - 如何将数据模板项格式化为外观类似的表格？

Question

我正在尝试将动态创建的数据模板项（绑定到对象）显示为表格格式。当我最初使用按钮时，我的堆栈面板和包装面板都不会格式化它们。我被引导相信我的面板控件实际上并没有格式化它们内部的项目。

以下是我的代码的一些相关示例：

主窗口c#后面的代码

int numTapeSlots = 16;
public ObservableCollection<Tape> topTapes;

    public MainWindow()
    {
        InitializeComponent();
        topTapes = new ObservableCollection<Tape>();           
        topTapeSlots.ItemsSource = topTapes;            

        //Create Buttons Top Tray
        for (int i = 1; i <= (numTapeSlots / 2); i++)
        {
            topTapes.Add(new Tape(i));
        }
     }

xml

<Window.Resources>
  <DataTemplate x:Key="TapeSlot">
    <Border  MouseUp="Border_MouseUp"
             BorderBrush="Black"
             BorderThickness="5">
      <Grid>
        <TextBlock x:Name="slotLocation"
                   Text="{Binding Path=tapeLocation}"
                   Height="25"
                   Width="30" />

      </Grid>
    </Border>
  </DataTemplate>
</Window.Resources>

<WrapPanel x:Name="wpTopTray"
           Grid.Column="1"
           Margin="20,20,20,20"
           VerticalAlignment="Top">
  <ItemsControl Name="topTapeSlots"
                ItemTemplate="{StaticResource TapeSlot}" />
</WrapPanel>

注意： WrapPanel 与按钮配合良好

现在发生的情况是对象垂直向下显示在一条线上。它几乎忽略了 wrapPanel 控件属性。

Answer 1

你应该做的是使用 ItemsPanel：

        <ItemsControl Name="topTapeSlots" ItemTemplate="{StaticResource TapeSlot}">
            <ItemsControl.ItemsPanel>
                <ItemsPanelTemplate>
                    <WrapPanel/>
                </ItemsPanelTemplate>
            </ItemsControl.ItemsPanel>
        </ItemsControl>