DataTemplates和MVVM框架

Question

当我继续尝试创建一个简单的示例时，在使用MVVM概念处理DataTemplates时遇到了很多问题。

为了熟悉DataTemplates，这个想法如下。只需创建一个带有内容的DataTemplate（在这种情况下是一个显示名称的标签和显示年龄的按钮），它绑定到我的视图模型。

在提问之前，这是代码。

App.xaml.cs

namespace tutorial
{
    /// <summary>
    /// Interaction logic for App.xaml
    /// </summary>
    public partial class App : Application
    {
        private MainWindow mw;
        private ViewModel vm;

        private void Application_Startup(object sender, StartupEventArgs e)
        {
            vm = new ViewModel();
            mw = new MainWindow();
            mw.DataContext = ?
            mw.Activate();
            mw.Show();
        }
    }
}

ViewModel.cs

namespace tutorial
{
    class ViewModel
    {
        private String name;

        private int age;

        public ViewModel()
        {
            Debug.WriteLine("Hello World!");
            name = "Hello World";
        }

        public int Age
        {
            get {return age;}
            set {age = value;}
        }

        public String Name
        {
            get {return name;}
            set {name = value;}
        }
    }
}

Button.xaml

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    xmlns:local="clr-namespace:tutorial">
    <DataTemplate DataType="{x:Type local:ViewModel}">
        <StackPanel>
            <Label Content="{Binding ??}" />
            <Button Content="{Binding ???}" />
        </StackPanel>
    </DataTemplate>
</ResourceDictionary>

MainWindow.xaml

<Window x:Class="tutorial.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <ContentControl Content="{Binding}" />
</Window>

所以我有以下问题：

以下代码行<DataTemplate DataType="{x:Type local:ViewModel}">显示命名空间中名称ViewModel不存在，显然它是对的吗？或者我错过了什么？解决方案资源管理器的图像如下所示：

第二个问题更重要，它还表明我现在知道如何将视图绑定到viewmodel。 App.xaml.cs ， Button.xaml 中的问号，以及 MainWindow.xaml 中的一些错误，因为我不知道MainWindow是如何知道的我希望它显示哪些内容。

感谢您的帮助。

以下是整个项目的link，作为对之前评论的回复：

Answer 1

您需要将Viewmodel设置为公共类，它确实存在于命名空间中，但没有其他类可以看到它。

namespace tutorial
{
    public class ViewModel
    {
    }
}

数据模板所需的绑定

<DataTemplate DataType="{x:Type local:ViewModel}">
    <StackPanel>
        <Label Content="{Binding Age}" />
        <Button Content="{Binding Name}" />
    </StackPanel>
</DataTemplate>

设置DataContext

private void Application_Startup(object sender, StartupEventArgs e)
        {
            vm = new ViewModel();
            mw = new MainWindow();
            mw.DataContext = vm;
            mw.Show();
        }

添加资源字典

<Application.Resources>
<ResourceDictionary>
    <ResourceDictionary.MergedDictionaries>
        <ResourceDictionary Source="Button.xaml"/>
    </ResourceDictionary.MergedDictionaries>
</ResourceDictionary>
</Application.Resources>

Fixed full project available here

Answer 2

你也可以这样做。

在App.xaml.cs类

中

 public partial class App : Application
{
    protected override void OnStartup(StartupEventArgs e)
    {
        var vm = new ViewModel();
        var window = new MainWindow();
        window.DataContext = vm;
        window.Show();
    }
}

在App.xaml中，确保从App.xaml中删除StartupUri命名空间，否则将出现两个Mainwindow。

 <Application.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <ResourceDictionary Source="Button.xaml"/>
        </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
</Application.Resources>

将ViewModel.cs和Mainwindow.xaml的代码保持不变......