将 ListBox 绑定到屏幕集合（小部件）

Question

鉴于我有以下小部件（以及附加的视图）：

public class MyWidgetViewModel : Screen {}

我可以在另一个视图中轻松使用和显示它。 “托管”小部件的视图模型如下所示：

public class WidgetWorkspaceViewModel : Screen
{
    private Screen myWidget = new MyWidgetViewModel();

    public Screen MyWidget
    {
        get { return myWidget; }
        set { myWidget = value; }
    }
}

并且控件在 WidgetWorkspaceView 上显示如下：

<ContentControl x:Name="OneWidget"/>

这一切都运行良好。但现在我想更改它，以便 WidgetWorkspaceViewModel 将包含一组 Widget，并且 WidgetWorkspaceView 应该一个接一个地显示它们。我在让它发挥作用时遇到了一些问题。

视图模型应该如下所示：

private List<Screen> widgets;

public List<Screen> Widgets
{
    get { return widgets; }
    set { widgets = value; NotifyOfPropertyChange(() => Widgets); }
}

这部分代码没问题，因为我已将小部件绑定到组合框，并且组合框正确显示了控件列表。但我在视图上“托管”小部件时遇到问题。这是我尝试在 WidgetWorkspaceView 中使用的 XAML，但没有成功：

<ListBox x:Name="Widgets">
    <ListBox.ItemsPanel>
        <ItemsPanelTemplate>
            <toolkit:WrapPanel />
        </ItemsPanelTemplate>
    </ListBox.ItemsPanel>

    <ListBox.ItemTemplate>
        <DataTemplate>
            <ContentControl Width="100" Height="100" DataContext="{Binding}"/>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

基于断点，数据绑定部分工作正常，但我没有绘制小部件。

有什么想法如何解决这个问题吗？我正在使用 Caliburn.Micro 来帮助进行绑定。

Answer 1

我认为问题是 Caliburn.Micro 会自动为 ItemsControl 定义 ItemTemplate，您将覆盖它，因此您需要从 ListBox 中删除它，或者如果您想定义它，则使用 < code>View 附加属性来设置模型。

<ListBox.ItemTemplate>
  <DataTemplate>
    <ContentControl Width="100" Height="100" cal:View.Model="{Binding}" />
  </DataTemplate>
</ListBox.ItemTemplate>

请注意，您还可以使用 Conductor，例如 Conductor.Collection.OneActive 或 Conductor.Collection.AllActive 作为您的WidgetWorkspaceViewModel 类型，而不是维护您自己的 Screen 列表。这些导体有一个 Items 集合，并支持屏幕生命周期。