Silverlight MVVM 将用户控件连接到 viewmodel

Question

我对可能非常简单的事情感到茫然。 我进行了搜索，但未能找到我需要的确切答案。

问题如下。

我正在自学 Silverlight MVVM。 目前我正在编写一个使用 1 个主页和 2 个用户控件的应用程序。

您可以想象，3 个视图模型。

目前在我的 XAML 中：

mainpage.xaml

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:vm="clr-namespace:newFileupload.ViewModel"
xmlns:vw="clr-namespace:newFileupload.View"

<UserControl.DataContext>
    <vm:MainPageViewModel />
</UserControl.DataContext>

<Grid x:Name="LayoutRoot" Background="White">
    <vw:PicturesOverviewView />
</Grid>

PicturesOverviewView.xaml

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

<Grid x:Name="LayoutRoot" Background="White">

</Grid>

所以在 mainpage.xaml 中，我在 xaml 中设置了 datacontext，然后我像这样在网格中调用 usercontrol：

<vw:PicturesOverviewView />

这给了我以下错误：

Error   1   Cannot create an instance of "PicturesOverviewView".    C:\Programming\C#\newFileUpload\newFileupload\MainPage.xaml 16  9   newFileupload

我完全不知道是什么原因造成的，其次..

如何将视图模型绑定到适当的用户控件？

我是否需要为每个用户控件声明视图命名空间，然后像主页一样设置其数据上下文？

感谢您抽出宝贵时间阅读，我希望能够尽快继续：)

Answer 1

如果显示的代码是正确的，您正在尝试在 PicturesOverviewView 控件中创建 PicturesOverviewView 控件。这将解释编译错误。 （我猜你已经剪切并粘贴了两次相同的 Xaml）。

绑定方式： 您想将子控件绑定到主视图模型上的属性，它们本身就是视图模型

例如

namespace newFileupload.ViewModel
{
    public class MainPageViewModel
    {
        public ChildViewModel1 ChildViewModel1 { get; set; }
        public ChildViewModel2 ChildViewModel2 { get; set; }

        public MainPageViewModel()
        {
            this.ChildViewModel1 = new ChildViewModel1() { SomeProperty = "hello"};
            this.ChildViewModel2 = new ChildViewModel2() { SomeProperty = "there" };
        }
    }
}

然后MainPage这样绑定：

<Grid x:Name="LayoutRoot" Background="White">
    <vw:PicturesOverviewView DataContext="{Binding Path=ChildViewModel1}" />
    <vw:PicturesOverviewView DataContext="{Binding Path=ChildViewModel2}" />
</Grid>

某处需要使用正确的数据创建视图模型。将孩子从父视图模型中挂起是有意义的。

我建议您考虑使用 IOC 注入（例如使用 Unity），因为听起来您可能只是希望创建在各个级别引用的单例。问题是你想在哪里提供重用，就好像你在子视图中硬连线数据上下文一样，你不能重用它们。