WPF 仪表板和小部件

Question

你好，我想写一些仪表板。您应该能够从某个来源拖动仪表板上的小部件。小部件的布局应该是自由的（首先是画布，后来是一些自己的面板）。

我的问题：

• 对于有关此类控件的信息，您有什么提示吗？
• 使用 Selector 作为 BaseClass 是一个好主意还是应该从 Control 继承

Answer 1

我将为所有小部件创建一个 BaseClass ，然后为每个小部件构建一个继承该 BaseClass 的 ViewModel 以及一个 View 与该 ViewModel 一起使用

之后，我会得到类似 ObservableCollection的东西。在主应用程序 ViewModel 中打开 Widgets，并将其绑定到 ItemsControl。

ItemsControl 会将其 ItemsPanelTemplate 设置为 Canvas，并且每个 WidgetBaseViewModel 将包含一个 Top< /code>、Left、Height 和 Width 属性。

显示每个小部件的实际 UI 将基于 DataTemplate，并且可以是您想要的任何内容，尽管 UserControl 是最简单的

<ItemsControl ItemsSource="{Binding OpenWidgets}">
    <ItemsControl.Resources>
        <DataTemplate DataType="{x:Type local:WidgetAViewModel}">
            <local:WidgetAView />
        </DataTemplate>
        <DataTemplate DataType="{x:Type local:WidgetBViewModel}">
            <local:WidgetBView />
        </DataTemplate>
    </ItemsControl.Resources>

    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <Canvas ... />
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

此外，您还需要绑定您的 Canvas.Top/Canvas.Left 位于 ItemContainerStyle 上，而不是实际的 ItemTemplate 上以使其显示正确地在画布上。