WPF/MVVM 在运行时加载用户控件

我知道有很多关于我的问题的文章，但我找不到解决方案。 我是 WPF - MVVM 的新手，我尝试了解 MVVM 逻辑。 所以我做了一个小项目来理解这一点。 对于我以后的应用程序，我想将用户控件动态加载到我的窗口中。

在我的 StartView 中，我有一个到 StartViewModel 的绑定。 （绑定位于 APP.xaml 中）

StartView app = new StartView();
StartViewModel context = new StartViewModel();

开始视图

<Window x:Class="test.Views.StartView"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:views="clr-namespace:test.ViewModel"
        Title="Window1" Height="300" Width="516">
    <Grid>
        <Menu IsMainMenu="True" Margin="0,0,404,239">
            <MenuItem Header="_Einstellungen">
                <MenuItem Header="Server" />
            </MenuItem>
        </Menu>
        <ContentControl Content="{Binding LoadedControl}" Margin="0,28,0,128" />
    </Grid>
</Window>

开始视图模型

namespace test.ViewModel
{
    public class StartViewModel : ViewModelBase
    {
        #region Fields
        private UCStastistikViewModel _loadedControl;
        #endregion

        public StartViewModel()
        {
            LoadedControl = new UCStastistikViewModel();
        }

        #region Properties / Commands
        public UCStastistikViewModel LoadedControl
        {
            get { return _loadedControl; }
            set
            {
                if (value == _loadedControl)
                    return;

                _loadedControl = value;
                OnPropertyChanged("LoadedControl");
            }
        }
        #endregion

        #region Methods

        #endregion
    }
}

UC统计视图

<UserControl x:Class="test.Views.UCStatistik"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:vm="clr-namespace:test.ViewModel"
             mc:Ignorable="d" 
             d:DesignHeight="188" d:DesignWidth="508">
    <UserControl.DataContext>
        <vm:UCStastistikViewModel />
    </UserControl.DataContext>
    <Grid Background="red">       
    </Grid>
</UserControl>

UCStatistik视图模型

namespace test.ViewModel
{
    public class UCStastistikViewModel : ViewModelBase
    {
        #region Fields
        #endregion

        public UCStastistikViewModel()
        {
        }

        #region Properties / Commands
        #endregion

        #region Methods
        #endregion
    }
}

现在我想在 StartView 的 ContentControl 中加载 UCStatistikView。 但在 Startview 中仅显示 Path test.UCStatistikViewModel 而不是整个 UC 谁能给我一些想法，我的问题出在哪里/我哪里出了问题？

Bye j

您的 ViewModel 不应该关心 UserControls。相反，让它们保存 ViewModel，并让 WPF 解决如何使用 DataTemplate 绘制 ViewModel。

例如，

<Window x:Class="test.Views.StartView"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:views="clr-namespace:test.Views"
        xmlns:viewmodels="clr-namespace:test.ViewModel"
        Title="Window1" Height="300" Width="516">

    <Window.Resources>
        <DataTemplate DataType="{x:Type viewmodels:UCStastistikViewModel}">
            <views:UCStastistikView />
        </DataTemplate>
    </Window.Resources>

    <Grid>
        <Menu IsMainMenu="True" Margin="0,0,404,239">
            <MenuItem Header="_Einstellungen">
                <MenuItem Header="Server" />
            </MenuItem>
        </Menu>
        <ContentControl Content="{Binding LoadedControl}" Margin="0,28,0,128" />
    </Grid>
</Window>

另外，摆脱<UserControl.DataContext>在您的用户控件中。这DataContext应该由使用该控件的任何内容传入，而不是在 UserControl 中定义:)

Edit

根据您对有关通过切换 ViewModel 切换 StartPage 内容的早期答案的评论，您可能有兴趣查看我的这篇文章 http://rachel53461.wordpress.com/2011/12/18/navigation-with-mvvm-2/。它的标题是Navigation with MVVM，但是相同的概念适用于切换视图或用户控件

基本上，你会让财产LoadedControl类型的ViewModelBase而不是对其类型进行硬编码，然后将其设置为您想要在 ContentControl 中显示的任何对象。 WPF 的 DataTemplates 将负责为 ViewModel 连接正确的视图。