wpf使用网格作为itemshost自动将多个项目堆叠在单个“单元格”中

我将项目控件绑定到数据源并使用网格作为我的项目主机。我希望让这些项目将自己定位到网格中的正确单元格中（我可以做到这一点），并且也将自己堆叠起来，这样它们就不会全部彼此重叠（我不知道如何将这些项目插入到stackpanel 或网格中的其他面板）。

这是两个类的 .cs 文件：

   public class listofdata
    {
        public List<data> stuff { get; set; }
        public listofdata()
        {
            stuff = new List<data>();
            stuff.Add(new data(0, 0, "zeroa"));
            stuff.Add(new data(0, 0, "zerob"));
            stuff.Add(new data(1, 0, "onea"));
            stuff.Add(new data(1, 0, "oneb"));
            stuff.Add(new data(1, 1, "twoa"));
            stuff.Add(new data(1, 1, "twob"));
        }
    }

    public class data
    {
        public int x { set; get; }
        public int y { set; get; }
        public string text { get; set; }
        public data(int x, int y, string text)
        {
            this.x = x;
            this.y = y;
            this.text = text;
        }
    }
}

这是我的 XAML

   <Window x:Class="GridTester.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    xmlns:src="clr-namespace:GridTester"
    xmlns:sys="clr-namespace:System;assembly=mscorlib"

    Title="MainWindow" >
<Window.Resources>
    <DataTemplate DataType="{x:Type src:data}">
        <Button Content="{Binding text}"/>
    </DataTemplate>
    <src:listofdata x:Key="MyDataSource"> </src:listofdata>


</Window.Resources>
<ListBox Name="Main" ItemsSource="{Binding Source={StaticResource MyDataSource},Path=stuff}">
    <ListBox.ItemsPanel>
        <ItemsPanelTemplate>
            <Grid Name="MyGrid">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition/>

                    <ColumnDefinition/>
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition />
                    <RowDefinition />
                </Grid.RowDefinitions>
            </Grid>
        </ItemsPanelTemplate>
    </ListBox.ItemsPanel>

    <ListBox.ItemContainerStyle>
        <Style>
            <Setter Property="Grid.Column" Value="{Binding x}"/>
            <Setter Property="Grid.Row" Value="{Binding y}"/>
        </Style>
    </ListBox.ItemContainerStyle> 

</ListBox>


</Window>

我的问题是所有以“a”结尾的按钮都位于以 b 结尾的按钮下方。 我看不到如何使用 XAML 将项目插入动态创建的堆栈面板中

我尝试创建一个从 Grid 派生的类，考虑拦截子项的添加以自己添加堆栈面板，然后将子项从网格移动到堆栈面板，但尝试操作 itemshost 中的子项会导致引发异常。

最终，我只希望数据源中的项目能够绑定到网格中的“单元格”，如果多个项目绑定到同一个单元格，我希望它们堆叠起来。

您可以像 HighCore 建议的那样在数据级别执行此操作，但由于当前数据结构已经包含必要的信息，因此 ItemsControl 应该可以处理它。考虑添加一个团体简介 http://msdn.microsoft.com/en-us/library/system.windows.data.propertygroupdescription.aspx到 ListBox 的项目集合，并使用团体风格 http://msdn.microsoft.com/en-us/library/system.windows.controls.groupstyle.aspx whose Panel http://msdn.microsoft.com/en-us/library/system.windows.controls.groupstyle.panel.aspx是一个StackPanel。