MVVM Light for WPF 中的连线视图

Question

如果我现在有一个 MainView，并且在 MainView 内我有一个堆栈面板。现在我想要的是根据菜单项单击插入不同的视图。如何使用 MVVM Light 来实现这一点？

如果有人可以发布带有代码或视频的项目示例的链接，那就太好了！

Answer 1

我不知道 MVVM light，但我在没有这个 Light 框架的情况下做了类似的事情，如下所示：

<!-- Content area that contains user controls for all wizard steps -->
    <Grid Margin="0,3,0,0">
        <Views:CustomerSelection Visibility="{Binding Path=IsCustomerSelectionVisible, Converter={StaticResource boolToVisibilityConverter}}" />
        <Views:CustomerInformation Visibility="{Binding Path=IsCustomerInformationVisible, Converter={StaticResource boolToVisibilityConverter}}" />
        <Views:CustomerPreferences Visibility="{Binding Path=IsCustomerPreferencesVisible, Converter={StaticResource boolToVisibilityConverter}}" />
        <Views:ProjectSelection Visibility="{Binding Path=IsProjectSelectionVisible, Converter={StaticResource boolToVisibilityConverter}}" />
        <Views:KitchenProjectPreferences Visibility="{Binding Path=IsKitchenProjectPreferencesVisible, Converter={StaticResource boolToVisibilityConverter}}" />
        <Views:OtherProjectProperties Visibility="{Binding Path=IsOtherProjectPropertiesVisible, Converter={StaticResource boolToVisibilityConverter}}" />
    </Grid>    

在底层视图模型中，我只是设置适当的属性以使用户控件之一可见。

Answer 2

更好的方法是在主视图中定义所有视图的数据模板。
然后有一个 itemscontrol（将其绑定到 mainviewmodel 的 viewmodels 属性集合）

现在基于 menuitem 单击，清除该 viewmodels 集合并添加所需的视图。