如何在 WP7 中使用 MVVM 检测透视视图？

Question

基本上我的 WP7 应用程序中有一个包含 3 个视图的枢轴控件。在每个视图中，我都会调用我运行的 3 个不同 Web 服务中的一个。我想做的是仅当他们导航到该特定视图时才调用该服务。

使用后面的代码非常简单，因为您所做的就是使用带有 switch 语句的选定索引，并且可以相应地触发某些方法。关于如何从视图模型实现这一点有什么想法吗？

注意：我正在使用 MVVM Light。

更新：这是我通常使用的代码：

private void PivotItem_SelectionChanged(object sender, SelectionChangedEventArgs e)
    {
        int currentPivot = ResultsPivot.SelectedIndex;
        switch (currentPivot)
        {
            case 0:
                //Fire Method 1
                break;
            case 1:
                //Fire Method 2
                break;
            case 2:
                //Fire Method 3
                break;
            default:
                //Fire default method
                break;
        }
    }

Answer 1

MVVMLight 的标准方法是将视图模型拆分为数据和命令。大多数你使用的东西都是与数据绑定相关的、属性等，但命令实际上是做一些事情的。

在这种情况下，您所说的“Fire Method 1”是一种普通方法，为了符合您必须转换为命令的模式。如果您已经有命令，您就知道我在说什么。

SelectionChanged 之类的事件的粘合剂是 EventToCommand，您可以将其与 MVVMLight 中的代码隐藏连接起来，它是一个 XAML 片段，您可以将其与数据透视项一起放入 XAML 中事件处理程序中的。

所以这就是模式：EventToCommand 是将 XAML 事件连接到视图模型命令的关键，没有任何代码隐藏。最好的办法是使用 MVVMLight 示例来了解 EventToCommand 的工作原理，因为有很多方法可以使用它。

但这是最基本的版本：

<controls:PivotItem Name="pivotItem">
    <i:Interaction.Triggers>
        <i:EventTrigger EventName="SelectionChanged">
            <cmd:EventToCommand Command="{Binding SelectServiceCommand}"
                                CommandParameter="{Binding SelectedIndex, ElementName=pivotItem}"/>
        </i:EventTrigger>
        <!-- other stuff  -->
    </i:Interaction.Triggers>
</controls:PivotItem>

为了使这项工作有效，SelectServiceCommand 必须实际存在于视图模型中，并且它必须采用一个参数并对 0、1、2 执行正确的操作、 3 等

Answer 2

这可以通过以下方式解决

<controls:Pivot x:Name="PivotControl"  FontSize="18"  >
        <Custom:Interaction.Triggers>
            <Custom:EventTrigger EventName="SelectionChanged">
                <GalaSoft_MvvmLight_Command:EventToCommand x:Name="VideoPivotClicked"
                                                            Command="{Binding VideoPivotClicked,  Mode=OneWay}" PassEventArgsToCommand="True" />
            </Custom:EventTrigger>
        </Custom:Interaction.Triggers>

然后在您的视图模型中添加此

      public RelayCommand<SelectionChangedEventArgs> VideoPivotClicked
  {
      get;
      private set;
  }

VideoPivotClicked = new RelayCommand<SelectionChangedEventArgs>(arg =>
                                                       {
                                                           PivotItem pivotItem = arg.AddedItems[0] as PivotItem;
                                                           Pivot pivot = pivotItem.Parent as Pivot;
                                                           Debug.WriteLine(pivot.SelectedIndex);
                                                       }
          );

您将不会获得您想要的 PivotItem！而不是你要离开的那个人。

Answer 3

我没有直接使用 MVVM Light，但您应该能够将选定的索引/项目绑定到视图模型上的属性。当该属性更改时，您可以进行切换。

Answer 4

我喜欢在这种情况下保持简单，其中视图需要通知 ViewModel 一些如此琐碎的更改（例如：与视图状态（即 ViewModel）真正无关的简单组合框选择更改）。

对于您的具体情况，在 switch 语句中，只需调用 ViewModel 中的公共方法即可。
如何获取视图模型参考？您可以通过视图的 DataContext 获取它。因此，现在您的视图可以调用 viewModel 中的公共方法（和属性）。

对于重要的事情，请坚持使用数据绑定。否则直接打电话就可以了。节省了很多时间和麻烦。

Answer 5

我得到了我要离开的数据透视项的索引，而不是我要离开的数据透视项的索引！ 。

使用这个：

<controls:Pivot x:Name="pivMain" Title="{Binding AppName}" >
         <Custom:Interaction.Triggers>
            <Custom:EventTrigger EventName="SelectionChanged">
                    <cmd:EventToCommand Command="{Binding SelectServiceCommand}"          
                    CommandParameter="{Binding ElementName=pivMain, Path=SelectedIndex}"/>
             </Custom:EventTrigger>
        </Custom:Interaction.Triggers>