C# ItemsControl和Canvas-只有第一个项目可见

我有一个画布，其中包含几个不同的形状，它们都是静态的，并且绑定到视图模型（MVVM）中的不同属性。到目前为止，画布的定义如下（简化）：

使用此代码，仅显示

Offices

集合中的第一项。怎么会？如果我查看可视化树，所有多边形都在其中。我对WPF非常陌生，所以我只能猜测，但我的第一个想法是，

StackPanel

作为

ItemPresenter的默认设置在这种情况下可能不合适，但我只能猜测…
尝试设置

yourItemsControl.DataContext = Offices;

在代码隐藏中。
好吧，这里有几点需要注意。首先，在使用面板时，除非指定了相对位置，否则面板内的每个项目都将放置在左上角。下面是一个带有元素的
画布的示例，一个位于顶部附近（向下40像素，向右40像素），另一个位于底部（从右边缘向左100像素）：

我不确定你的
地板
收藏中的每个对象是什么，但它们不应该是任何类型的形状。它们应该是一个简单说明办公室位置、颜色等信息的对象。这里是一个我猜测的示例，因为您没有提供项目集合的组成部分：

// This can (and should) implement INotifyPropertyChanged
public class OfficeViewModel
{
    public string EmployeeName { get; private set; }

    public ReadOnlyObservableCollection<Point> Points { get; private set; }

    ...
}

public class Point
{
    public double X { get; set; }
    public double Y { get; set; }
}

当然，如果您希望对集合中的每个项目具有多个表示形式，
Offices
，则必须利用
DataTemplateSelector
（将设置为属性）从一组
DataTemplate
中进行选择。这里有一个很好的答案/参考：


最后，最后一个提示。。。将所有内容按比例缩放，并将您的点作为
double
类型。就我个人而言，我总是使用0-1或0-100的刻度。只要您的所有点和静态项都在该范围内，您就可以将
ItemsControl
延伸到任何高度/宽度，并且内部的所有内容也会调整并匹配得很好


更新：已经有一段时间了，我忘记了
CompositeCollection
类不是
FrameworkElement
的类型，所以它没有数据上下文。如果要对其中一个集合进行数据绑定，则必须使用所需的DataContext指定对
FrameworkElement
的引用：

<CollectionContainer Collection="{Binding DataContext.Offices, Source={x:Reference someControl}}"/>



更新2：在在线挖掘了一段时间后，我找到了一种更好的方法，可以让数据绑定与
CompositeCollection
一起工作，上面的答案部分已经更新，通过使用
CollectionViewSource
创建绑定到集合的资源来说明这一点。这比使用
x:Reference
要好得多。希望这有帮助。
我不这么认为，因为如果我反转集合（因此首先是不同的
多边形），它甚至不会与以前显示的
多边形重叠。在我的视图模型构造函数中，您在哪里设置属性“Offices”？该画布与此相关（画布位于与我的视图模型松散耦合的
用户控件中）。您的
楼层
集合中有什么类型的对象？我相信我没有提到
楼层
集合，但是
存储
区域被描述为
多边形
。所有项目都应该在
存储
中渲染。如果我使
存储
多边形
不可见，则仍然只有1个
Office
（集合中的第一个）可见（因此
存储
没有更高的z索引）。我不可能要求更好的答案。谢谢！我已经更新了我已接受的答案，以显示更好的使用
CompositeCollection
。我已经很久没有使用它了，我已经忘记了正确的使用方法。希望更新后的答案能帮助我，让我更容易理解。这只是救了我的命，我找不到任何好的或深刻的答案ItemsControl的解释，在这里我刚刚找到了它
<Canvas>
    <Polygon Canvas.Left="40" Canvas.Top="40" ... />
    <Ellipse Canvas.Right="100" Canvas.Bottom="0" ... />
</Canvas>

<ItemsControl>
    <ItemsControl.Resources>
        <CollectionViewSource x:Key="cvs" Source="{Binding Floors}" />
    </ItemsControl.Resources>
    <ItemsControl.ItemsSource>
        <CompositeCollection>
            <CollectionContainer Collection="{Binding Source={StaticResource cvs}" />

            <!-- Static Items -->
        </CompositeCollection>
    </ItemsControl.ItemsSource>
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <Canvas ... />
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
</ItemsControl>

// This can (and should) implement INotifyPropertyChanged
public class OfficeViewModel
{
    public string EmployeeName { get; private set; }

    public ReadOnlyObservableCollection<Point> Points { get; private set; }

    ...
}

public class Point
{
    public double X { get; set; }
    public double Y { get; set; }
}

<ItemsControl>
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <Polygon Points="{Binding Points}" Color="AliceBlue" ... />
        <DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

<CollectionContainer Collection="{Binding DataContext.Offices, Source={x:Reference someControl}}"/>