绑定鼠标的问题通过M-V-MV设计模式双击

本文关键字：M-V-MV 设计模式 双击 鼠标 问题 绑定 | 更新日期: 2023-09-27 18:28:47

我在.xaml文件中有以下代码片段：

<TreeView MouseDoubleClick="TreeView_MouseDoubleClick" ItemsSource="{Binding MyList}">
  <TreeView.ItemContainerStyle>
    <Style TargetType="{x:Type TreeViewItem}">
      <Setter Property="IsExpanded" Value="{Binding IsExpanded, Mode=TwoWay}" />
      <Setter Property="IsSelected" Value="{Binding IsSelected, Mode=TwoWay}" />
      <Setter Property="FontWeight" Value="Normal" />
      <Style.Triggers>
        <Trigger Property="IsSelected" Value="True">
          <Setter Property="FontWeight" Value="Bold" />
        </Trigger>
      </Style.Triggers>
    </Style>
  </TreeView.ItemContainerStyle>

正如你所看到的，当你在树视图中的一个项目上"鼠标双击"时，它会执行后面代码中的代码。。。即

private void TreeView_MouseDoubleClick(object sender, System.Windows.Input.MouseButtonEventArgs e)
{
    try
    {
        MessageBox.Show(((TreeViewWithViewModelDemo.LoadOnDemand.HtmlFileViewModel)(((System.Windows.Controls.TreeView)(sender)).SelectedValue)).HtmlFileName);
    }
    catch
    {
    }
}

我正在尝试遵循模型视图ViewModel设计模式，并希望将此MouseDoubleClick事件的实现从视图移到ViewModel中。

我知道，如果我使用的是一个命令，我会使用{Binding command="Select"}（或实现ICommand接口的类似命令），但我似乎找不到这个特定问题的语法，因为它不是一个命令按钮。

有人能帮我吗？

感谢

绑定鼠标的问题通过M-V-MV设计模式双击

这里有一个使用Blend交互触发器的解决方案。

<Page.DataContext>
    <Samples:TreeViewDblClickViewModel/>
</Page.DataContext>
<Grid>
    <TreeView ItemsSource="{Binding Items}">
        <TreeView.ItemTemplate>
            <DataTemplate>
                <ContentControl>
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="MouseDoubleClick">
                            <i:InvokeCommandAction Command="{Binding DoubleClickCommand}"/>
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                    <TextBlock Text="{Binding Name}" Background="AliceBlue" Margin="2"/>
                </ContentControl>
            </DataTemplate>
        </TreeView.ItemTemplate>
    </TreeView>
</Grid>

查看型号

public class TreeViewDblClickViewModel
{
    public TreeViewDblClickViewModel()
    {
        Items = new List<TreeViewDblClickItem>
                    {
                        new TreeViewDblClickItem{ Name = "One"},
                        new TreeViewDblClickItem{ Name = "Two"},
                        new TreeViewDblClickItem{ Name = "Thee"},
                        new TreeViewDblClickItem{ Name = "Four"},
                    };
    }
    public IList<TreeViewDblClickItem> Items { get; private set; }
}
public class TreeViewDblClickItem
{
    public TreeViewDblClickItem()
    {
        DoubleClickCommand = new ActionCommand(DoubleClick);
    }
    public string Name { get; set; }
    private void DoubleClick()
    {
        Debug.WriteLine("Double click");
    }
    public ICommand DoubleClickCommand { get; private set; }
}

使用MVVM并不意味着代码隐藏文件中不能有任何代码。它只是意味着将所有相关联的逻辑移动到视图模型中。您可以在视图模型上实现必要的双击方法，并从代码后面调用它，如下所示：

_viewModel.MouseDoubleClickOnTree();

此外，我建议大家看看这个主题：MVVM C#WPF绑定鼠标双击

我建议您开始使用像Prism等MVVM模式的库。它解决了一般问题，您可以把时间花在做业务上，而不是重新发明轮子。

实际上，几天前我就这个话题向某人发布了一个答案。以下是我发布的

显然，这是针对列表视图项，而不是树视图项，但它仍然可以工作，只需进行一些小的更改。

相关文章：