Question

我的MVVM应用程序在窗口左侧有一个WPF TreeView。右侧的详细信息面板根据所选的树节点更改内容。

如果用户选择节点，则详细信息面板的内容会立即更改。如果用户点击该节点，则需要这样做，但如果用户使用键向下/向上导航树，我想延迟更改内容。（与Windows资源管理器的行为相同，至少在Win XP下）我假设我必须在我的ViewModel中知道是否通过鼠标或键盘选择了节点。

我怎样才能做到这一点？

更新

这是我的第一篇文章，因此我不确定这是不是正确的地方，但我想让社区知道我在此期间做了些什么。这是我自己的解决方案。我不是专家，所以我不知道这是不是一个好的解决方案。但它适用于我，如果能帮助别人，我会很高兴。错误修正，改进或更好的解决方案非常受欢迎。

我创建了以下附加属性 HasMouseFocus ...
（首先我使用了MouseEnterEvent，但如果用户使用键向上/向下导航树并且鼠标指针随机遍布任何导航树项目，则这不能很好地工作，因为在这种情况下，细节会立即更新。）

public static bool GetHasMouseFocus(TreeViewItem treeViewItem)
{
  return (bool)treeViewItem.GetValue(HasMouseFocusProperty);
}

public static void SetHasMouseFocus(TreeViewItem treeViewItem, bool value)
{
  treeViewItem.SetValue(HasMouseFocusProperty, value);
}

public static readonly DependencyProperty HasMouseFocusProperty =
  DependencyProperty.RegisterAttached(
    "HasMouseFocus",
    typeof(bool),
    typeof(TreeViewItemProperties),
    new UIPropertyMetadata(false, OnHasMouseFocusChanged)
  );

static void OnHasMouseFocusChanged(
  DependencyObject depObj, DependencyPropertyChangedEventArgs e)
{
  TreeViewItem item = depObj as TreeViewItem;
  if (item == null)
    return;

  if (e.NewValue is bool == false)
    return;

  if ((bool)e.NewValue)
  {
    item.MouseDown += OnMouseDown;
    item.MouseLeave += OnMouseLeave;
  }
  else
  {
    item.MouseDown -= OnMouseDown;
    item.MouseLeave -= OnMouseLeave;
  }
}

/// <summary>
/// Set HasMouseFocusProperty on model of associated element.
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
static void OnMouseDown(object sender, MouseEventArgs e)
{
  if (sender != e.OriginalSource)
    return;

  TreeViewItem item = sender as TreeViewItem;
  if ((item != null) & (item.HasHeader))
  {
    // get the underlying model of current tree item
    TreeItemViewModel header = item.Header as TreeItemViewModel;
    if (header != null)
    {
      header.HasMouseFocus = true;
    }
  }
}

/// <summary>
/// Clear HasMouseFocusProperty on model of associated element.
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
static void OnMouseLeave(object sender, MouseEventArgs e)
{
  if (sender != e.OriginalSource)
    return;

  TreeViewItem item = sender as TreeViewItem;
  if ((item != null) & (item.HasHeader))
  {
    // get the underlying model of current tree item
    TreeItemViewModel header = item.Header as TreeItemViewModel;
    if (header != null)
    {
      header.HasMouseFocus = false;
    }
  }
}

...并将其应用于 TreeView.ItemContainerStyle

    <TreeView.ItemContainerStyle>
      <Style TargetType="{x:Type TreeViewItem}" >
        <!-- These Setters binds some properties of a TreeViewItem to the TreeViewItemViewModel. -->
        <Setter Property="IsExpanded" Value="{Binding Path=IsExpanded, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
        <Setter Property="IsSelected" Value="{Binding Path=IsSelected, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
        <Setter Property="ToolTip" Value="{Binding Path=CognosBaseClass.ToolTip}"/>
        <!-- These Setters applies attached behaviors to all TreeViewItems. -->
        <Setter Property="properties:TreeViewItemProperties.PreviewMouseRightButtonDown" Value="True" />
        <Setter Property="properties:TreeViewItemProperties.BringIntoViewWhenSelected" Value="True" />
        <Setter Property="properties:TreeViewItemProperties.HasMouseFocus" Value="True" />
      </Style>
    </TreeView.ItemContainerStyle>

其中属性是我附加属性的路径。

    xmlns:properties="clr-namespace:WPF.MVVM.AttachedProperties;assembly=WPF.MVVM"

然后在我的ViewModel中，如果 HasMousefocusProperty 为true，我立即更新详细信息面板（GridView）。如果为false，我只需启动DispatcherTimer并将当前选定的项目应用为Tag。间隔为500毫秒后，Tick-Event会应用详细信息，但前提是所选项目仍然与Tag相同。

/// <summary>
/// This property is beeing set when the selected item of the tree has changed.
/// </summary>
public TreeItemViewModel SelectedTreeItem
{
  get { return Property(() => SelectedTreeItem); }
  set
  {
    Property(() => SelectedTreeItem, value);
    if (this.SelectedTreeItem.HasMouseFocus)
    {
      // show details for selected node immediately
      ShowGridItems(value);
    }
    else
    {
      // delay showing details
      this._selctedNodeChangedTimer.Stop();
      this._selctedNodeChangedTimer.Tag = value;
      this._selctedNodeChangedTimer.Start();
    }
  }
}

Answer 1

您可以为OnPreviewKeyDown（或拥有它的用户控件）处理TreeView并在ViewModel中以编程方式设置标记，并在刷新详情面板时考虑它 -

protected override void OnPreviewKeyDown(System.Windows.Input.KeyEventArgs e)
{
    switch(e.Key)
    {
        case Key.Up:
        case Key.Down:
           MyViewModel.IsUserNavigating = true;
           break;
    }
}

在这个SO问题中提到了类似的approch和其他解决方案 -

How can I programmatically navigate (not select, but navigate) a WPF TreeView?

更新： [回应AalanY的评论]

我认为在视图中有一些代码隐藏没有任何问题，这不会破坏MVVM。

在文章WPF Apps With The Model-View-ViewModel Design Pattern中，Josh Smith的作者说：

在精心设计的MVVM架构中，大多数视图的代码隐藏应该是空的，或者，最多只包含操纵的代码该视图中包含的控件和资源。有时它是还需要在View的代码隐藏中编写代码来进行交互使用ViewModel对象，例如挂钩事件或调用方法 否则很难从ViewModel调用本身。

根据我的经验，在没有任何代码隐藏的情况下构建一个（相当大的）应用程序的企业是不可能的，特别是当您必须使用TreeView，DataGrid或第三方控件等复杂控件时。

如何确定是否通过鼠标或键选择？

1 个答案: