Question

我使用了Brian Noyes的Pluralsight课程，＆＃34; WPF MVVM In Depth＆＃34;作为我的主要来源，他所展示的作品非常出色。

但是，我不是根据在UtilitiesView上单击的按钮切换视图，而是根据工具栏按钮（构成VS 2015扩展包的一部分）切换视图，用户可以在其中选择特定的实例。

UtilitiesView是由包扩展打开的窗口上的用户控件。所以这是UtilitiesView中的xaml：`

<UserControl.Resources>
    <DataTemplate DataType="{x:Type engines:CalcEngineViewModel}">
        <engines:CalcEngineView/>
    </DataTemplate>
    <DataTemplate DataType="{x:Type engines:TAEngineViewModel}">
        <engines:TAEngineView/>
    </DataTemplate>
</UserControl.Resources>

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="auto" />
        <RowDefinition Height="*" />                         
    </Grid.RowDefinitions>
    <Grid x:Name="NavContent">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width ="*"/>
            <ColumnDefinition Width ="*"/>
            <ColumnDefinition Width ="*"/>
        </Grid.ColumnDefinitions>
        <Button Content="Calc"
                Command ="{Binding ChangeViewModelCommand}"
                CommandParameter="CalculationEngine"
                Grid.Column="0"/>
        <Button Content="TA"
                Command ="{Binding ChangeViewModelCommand}"
                CommandParameter="TAEngine"
                Grid.Column="1"/>

    </Grid>
    <Grid x:Name="MainContent"
        Grid.Row="1">
        <ContentControl Content="{Binding CurrentEngineViewModel}"/>
    </Grid>

</Grid>
</UserControl>`

可以看出，有两个按钮可以通过绑定到ChangeViewModelCommand来切换View，并传递一个字符串值（＆＃34; CalculationEngine＆＃34;或＆＃34; TAEngine＆＃34;）。

这是UtilitiesViewModel.cs类：

 public class UtilitiesViewModel : BindableBase
{
    #region Fields

    public RelayCommand<string> ChangeViewModelCommand { get; private set; }

    private CalcEngineViewModel calcViewModel = new CalcEngineViewModel();
    private TAEngineViewModel taViewModel = new TAEngineViewModel(); 

    private BindableBase currentEngineViewModel;

    public BindableBase CurrentEngineViewModel
    {
        get { return currentEngineViewModel; }
        set
        {
            SetProperty(ref currentEngineViewModel, value);
        }
    }


    #endregion

    public UtilitiesViewModel()
    {          
        ChangeViewModelCommand = new RelayCommand<string>(ChangeViewModel);      
    }



    #region Methods

    public void ChangeViewModel(string viewToShow) //(IEngineViewModel viewModel)
    {
        switch (viewToShow)
        {
            case "CalculationEngine":
                CurrentEngineViewModel = calcViewModel;
                break;
            case "TAEngine":
                CurrentEngineViewModel = taViewModel;
                break;
            default: 
                CurrentEngineViewModel = calcViewModel;
                break;
        }            
    }

    #endregion
}

这是BindableBase.cs：

public class BindableBase : INotifyPropertyChanged
{
    protected virtual void SetProperty<T>(ref T member, T val, [CallerMemberName] string propertyName = null)
    {
        if (object.Equals(member, val)) return;

        member = val;
        PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
    }

    public event PropertyChangedEventHandler PropertyChanged = delegate { };
    protected virtual void OnPropertyChanged(string propertyName)
    {         
            PropertyChanged(this, new PropertyChangedEventArgs(propertyName));     
    }
}

我使用一个简单的ViewModelLocator类来链接Views和他们的ViewModel：

 public static class ViewModelLocator
{
    public static bool GetAutoWireViewModel(DependencyObject obj)
    {
        return (bool)obj.GetValue(AutoWireViewModelProperty);
    }

    public static void SetAutoWireViewModel(DependencyObject obj, bool value)
    {
        obj.SetValue(AutoWireViewModelProperty, value);
    }

    // Using a DependencyProperty as the backing store for AutoWireViewModel.  This enables animation, styling, binding, etc...
    public static readonly DependencyProperty AutoWireViewModelProperty =
        DependencyProperty.RegisterAttached("AutoWireViewModel", typeof(bool), typeof(ViewModelLocator), new PropertyMetadata(false, AutoWireViewModelChanged));

    private static void AutoWireViewModelChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        if (DesignerProperties.GetIsInDesignMode(d)) return;
        var viewType = d.GetType();
        var viewTypeName = viewType.FullName;
        var viewModelTypeName = viewTypeName + "Model";
        var viewModelType = Type.GetType(viewModelTypeName);
        var viewModel = Activator.CreateInstance(viewModelType);
        ((FrameworkElement)d).DataContext = viewModel;
    }
}

如前所述，使用UtilitiesView.xaml上定义的按钮切换视图效果很好。

工具栏按钮从Package.cs类中调用UtilitiesViewModel.cs中的上述ChangeViewModel方法，但即使CurrentEngineViewModel属性设置不同，它也不会反映在UtilitiesView.xaml上。 / p>

当我调试时，然后在两种情况下它都正确地进入BindableBase的SetProperty，但是在ToolBar按钮的情况下，ViewModelLocator中的AutoWireViewModelChanged方法永远不会被调用。

我不知道为什么不。我原本认为UtilitiesView中的绑定与UtilitiesViewModel的属性CurrentEngineViewModel就够了吗？我试着把它想象成我在模型组件中做了一些改变，而View应该对它做出反应，即使我实际上有工具栏按钮作为人们认为视图组件的一部分。

这是在Package.cs类中调用ChangeViewModel方法的方法：

if (Config.Engine.AssemblyPath.Contains("Engines.TimeAndAttendance.dll"))
                {
                    uvm.ChangeViewModel("TAEngine");
                }
                else //Assume Calculation Engine
                {
                    uvm.ChangeViewModel("CalculationEngine"); 
                }

我希望我已经提供了足够的细节。

更新1

关于gRex的评论，我想也许有两个UtilitiesViewModel对象。

打开包扩展的自定义窗口时会发生这种情况：

public class SymCalculationUtilitiesWindow : ToolWindowPane
{
    /// <summary>
    /// Initializes a new instance of the <see cref="SymCalculationUtilitiesWindow"/> class.
    /// </summary>
    public SymCalculationUtilitiesWindow() : base(null)
    {
        this.Caption = "Sym Calculation Utilities";

        this.ToolBar = new CommandID(new Guid(Guids.guidConnectCommandPackageCmdSet), Guids.SymToolbar);
        // This is the user control hosted by the tool window; Note that, even if this class implements IDisposable,
        // we are not calling Dispose on this object. This is because ToolWindowPane calls Dispose on
        // the object returned by the Content property.
        this.Content = new UtilitiesView();

    }

}

调用AutoWireViewModelChanged方法将UtilitiesViewModel链接到内容的UtilitiesView。

在Package.cs类中，我有这个字段：

 private UtilitiesViewModel uvm;

并在Initialize方法中我有：

 uvm = new UtilitiesViewModel();

uvm对象用作原始帖子中的代码片段（刚好在UPDATE之上），以使用适当的字符串参数调用ChangeViewModel方法。

这会给我两个不同的对象，不是吗？如果是这样，并且假设这可能是问题的根本原因，我怎样才能改进这一点，我必须将UtilitiesViewModel改为单身吗？

更新2

我已经为Github添加了一个解决方案。功能略有改变，因此我不需要与原始解决方案的其余部分进行任何交互。因此，Connect按钮（在工具栏上）使用＆＃34; TAEngine＆＃34;来调用ChangeViewModel方法。参数和“保存”按钮（在工具栏上）执行相同的操作，但使用＆＃34; CalculationEngine＆＃34;作为参数。目前DataTemplates仍然被注释掉，所以只能在文本中看到类名。这是link。在Visual Studio的实验实例中，窗口可以在View - ＆gt;中找到。其他Windows - ＆gt; SymplexityCalculationUtilitiesWindow。如果您还没有Visual Studio SDK，则可能需要下载它。

更新3

我使用带有ContainerControlledLifetimeManager的Unity IoC容器来确保我没有两个不同的UtilitiesViewModel。实现此功能后，工具栏按钮可以导航正确的视图。

Answer 1

如果没有绑定错误检查是否为视图的DataContext设置了uvm对象。

您可以使用snoop

查看DataContext标签中的更改

首先将十字准线拖放到窗口。
按下Strg + Shift和鼠标悬停
切换到datacontext-Tab，看看是否更改了CurrentEngineViewModel。

<强> [更新] 根据你的评论，我假设，ToolBar-Buttons使用的uvm对象不是那个，它被设置为View的DataContext。所以变化不会生效。

请检查代码，获取uvm对象的位置和DataContext的初始化。

<强> [UPDATE2] 你必须解决＆＃34;你有两个对象＆＃34;问题。使ViewModel成为 singelton将提供。我更愿意介绍某种 bootstrapping 和/或 singelton服务来访问viewmodels。

然后而不是

uvm = new UtilitiesViewModel();

您可以将它设置为：

uvm = yourService.GetUtilitiesViewModel();

带有工厂或缓存。如果您使用相同的对象，您的datatemplates将立即生效。

<强> [++] MVVM一开始就有一个艰难的学习曲线，因为有很多不同的方法可以做到。但请相信我，这个好处值得付出努力。这里有一些链接

但是我不确定，如果这适合Brian Noyes的Pluralsight课程，你的viewm模型定位器和你的特定引导。

根据您在本文中提供的信息，我想到的是其他帮助。在您的服务中注册ViewModel的缺失链接可以在您加载的事件视图触发的命令中完成：

在您的视图中，您可以调用命令来注册ViewModel：

<Window ... >
<i:Interaction.Triggers>
    <i:EventTrigger EventName="Loaded">
        <core:EventToCommand Command="{Binding RegisterViewModelCommand}" PassEventArgsToCommand="False"/>
    </i:EventTrigger>
</i:Interaction.Triggers>
<Grid>

引用Expression blend中的System.Windows.Interactivity.dll和来自MvvmLight的EventToCommand中的一些实现。

然后在你的Command-Handler中调用 yourService.RegisterUtilitiesViewModel(this)

不确定这是否是最好的方法，但至少，它是一个。我更喜欢用Prism和Dependency-Injection做一些Bootstrapping，但这是另一个故事。

MVVM：查看导航无法正常工作

1 个答案: