这个让我很困惑，因为我认为我看了所有东西，但我一定错过了一些东西。我已经脱离了 MSDN 杂志上的传统 MVVM 模式：
http://msdn.microsoft.com/en-us/magazine/dd419663.aspx
在学习 MVVM 时。然而，我通常会复制大部分代码，然后根据需要替换它，但今天我想从头开始构建一些东西，发现它可能比我想象的要多。当我使用资源字典但直接使用 datacontext 时，MVVM 似乎不适用于绑定。这个问题最终想找到其他开发人员建议使用他们找到的绑定。
问题的总结是这样的：为什么资源字典中的“DataTemplate”似乎不起作用，但直接的“DataContext”方法可以立即使用视图进行绑定？
是不是因为我在后面的代码中混合了代码和设置视图。或者可能是因为其他原因。如果我直接在视图的 XAML 中设置“DataContext”，那么我的属性及其实现在视图模型中设置正确，但为什么不在资源字典中？我认为这种方法的优点是你可以一次设置一堆关系。我很好奇是否需要进行其他设置才能使其正常工作。在他们使用数据模板的 MVVM 方法的主要示例中很奇怪，但似乎设置它们比我要让它们的“绑定”工作更多。
什么对我不起作用：
我尝试在主窗口 xaml 中做一些非常基本的事情，留下一些代码以使其更简单：
主窗口 XAML：
<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:dxc="http://schemas.devexpress.com/winfx/2008/xaml/charts" x:Class="WPFTesting12_2.MainWindow"
Title="MainWindow" Height="350" Width="525">
<Window.Resources>
<ResourceDictionary Source="Resources.xaml"/>
</Window.Resources>
<Grid>
<DockPanel x:Name="dockpanel">
<Menu DockPanel.Dock="Top" Height="30">
<MenuItem Header="Charting">
<MenuItem Header="MVVMDataBound" x:Name="mnuDataBoundSeriesMVVMCharting" Click="mnuDataBoundSeriesMVVMCharting_OnClick"/>
</MenuItem>
</Menu>
<TextBlock Height="5" Background="Black" DockPanel.Dock="Top" />
<DockPanel x:Name="dockchildren" DockPanel.Dock="Bottom"/>
</DockPanel>
</Grid>
</Window>
后面的主窗口代码：
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
this.WindowState = WindowState.Maximized;
}
private void mnuDataBoundSeriesMVVMCharting_OnClick(object sender, RoutedEventArgs e)
{
View.DataBoundMVVMChart c = new DataBoundMVVMChart();
dockchildren.Children.Clear();
dockchildren.Children.Add(c);
}
}
}
资源字典：
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:vw="clr-namespace:WPFTesting12_2.View"
xmlns:vm="clr-namespace:WPFTesting12_2.ViewModel"
>
<DataTemplate DataType="{x:Type vm:DataBoundMVVMChartViewModel}">
<vw:DataBoundMVVMChart/>
</DataTemplate>
<Style TargetType="MenuItem">
<Setter Property="Background" Value="Wheat"/>
</Style>
<Style TargetType="Menu">
<Setter Property="Background" Value="Wheat"/>
</Style>
</ResourceDictionary>
查看 DataBoundMVVMChart.xaml：
<UserControl x:Class="WPFTesting12_2.View.DataBoundMVVMChart"
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:local="clr-namespace:WPFTesting12_2.ViewModel"
mc:Ignorable="d"
d:DesignHeight="300" d:DesignWidth="300">
<UserControl.Resources>
<ResourceDictionary Source="..\Resources.xaml"/>
</UserControl.Resources>
<Grid>
<DockPanel>
<Menu DockPanel.Dock="Top">
<MenuItem Header="TesterContent"/>
</Menu>
<Label DockPanel.Dock="Bottom" Width="300" x:Name="label" Height="50" Foreground="Blue" FontSize="24" Content="{Binding Path=HelloString}"/>
</DockPanel>
</Grid>
</UserControl>
ViewModel 绑定到上面的视图：
namespace WPFTesting12_2.ViewModel
{
class DataBoundMVVMChartViewModel : INotifyPropertyChanged
{
private string _HelloString;
public string HelloString
{
get { return _HelloString; }
set
{
_HelloString = value;
RaisePropertyChanged("HelloString");
}
}
public DataBoundMVVMChartViewModel()
{
HelloString = "Hello there from the ViewModel";
}
public event PropertyChangedEventHandler PropertyChanged;
protected void RaisePropertyChanged(string propertyName)
{
if (PropertyChanged != null)
PropertyChanged(this, new System.ComponentModel.PropertyChangedEventArgs(propertyName));
}
}
}
好的，现在绑定将在视图中失败，但颜色的资源会进来。所以我想我做错了什么，但后面的代码会立即获得属性。所以让我们继续：
什么工作：
神奇的是，如果我将这四行添加到视图中：
将此添加到顶部“UserControl”部分的声明中：
xmlns:local="clr-namespace:WPFTesting12_2.ViewModel"
然后设置对 UserControl 的 DataContext 的引用：
<UserControl.DataContext>
<local:DataBoundMVVMChartViewModel/>
</UserControl.DataContext>