Question

我正在尝试制作一个非常简单的程序，或者我认为，程序将文件从桌面/资源管理器拖放到wpf树视图上。

此示例中的树视图很简单，因此我可以隔离我遇到的拖放问题。我已将AllowDrop设置为整个地方的True，我仍然无法触发Drop或DragOver事件。我专注于树视图控件，因为我希望能够将文件拖动到具有分层结构的不同节点中。 现在，当我将文件拖到树视图上时，我会满足于只能触发DragOver或Drop事件。

我已经开始查看这样的示例：Drag & Drop in Treeview

我的问题与此类似：Drag drop files from explorer onto Telerik WPF treeview。但是我使用的是wpf treeview，而不是telerik。

这是我到目前为止的代码

XAML：

   <Window x:Class="WpfDragAndDropTest.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:WpfDragAndDropTest"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <TreeView Name="TreeView1">
            <TreeView.ItemContainerStyle>
                <Style TargetType="{x:Type TreeViewItem}" >
                    <Setter Property="TreeViewItem.AllowDrop" Value="True"/>
                    <EventSetter Event="TreeViewItem.DragOver" Handler="TreeView1_DragOver" />
                    <EventSetter Event="TreeViewItem.Drop" Handler="TreeView1_Drop" />
                    <EventSetter Event="TreeViewItem.MouseMove" Handler="TreeView1_MouseMove" />
                </Style>
            </TreeView.ItemContainerStyle>

            <TreeView.Resources>
                <DataTemplate DataType="{x:Type local:TestClass}">
                    <StackPanel Orientation="Vertical"  >
                        <TextBlock Text="{Binding Path=Title}" />
                        <TextBlock Text="{Binding Path=Url}" />
                    </StackPanel>
                </DataTemplate>
            </TreeView.Resources>

        </TreeView>
    </Grid>
    </Window>

代码：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace WpfDragAndDropTest
{
/// <summary>
/// Interaction logic for MainWindow.xaml
/// </summary>
public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();

        TreeView1.ItemsSource = new[] 
        { 
            new TestClass { Title = "Google", Url = "http://www.google.com" }, 
            new TestClass { Title = "Microsoft", Url = "http://www.microsoft.com" },
            new TestClass{ Title="Netflix", Url="http://www.netflix.com" }
        };
    }

    private void TreeView1_Drop(object sender, DragEventArgs e)
    {

    }

    private void TreeView1_DragOver(object sender, DragEventArgs e)
    {

    }

    private void TreeView1_MouseMove(object sender, MouseEventArgs e)
    {

    }
}


public class TestClass
{
    public string Title { get; set; }
    public string Url { get; set; }
}
}

修改的我把那些解释我问题的文字加粗了，因为事件没有解雇。

我将我的xaml切换到了这个，当我在树视图上拖动一个文件时，我仍然会得到一个带有一条直线的黑色圆圈，唯一触发的事件是MouseMove。如果我使用鼠标执行这些操作，则不会触发拖放。

    <TreeView Name="TreeView1" AllowDrop="True" DragOver="TreeView1_DragOver" Drop="TreeView1_Drop" MouseMove="TreeView1_MouseMove">


        <TreeView.Resources>
            <DataTemplate DataType="{x:Type local:TestClass}">
                <StackPanel Orientation="Vertical"  >
                    <TextBlock Text="{Binding Path=Title}" />
                    <TextBlock Text="{Binding Path=Url}" />
                </StackPanel>
            </DataTemplate>
        </TreeView.Resources>

    </TreeView>

修改的我尝试了一个空白的树视图，并能够在其上拖动一个文件，光标不是黑色圆圈，而是通过它。

<TreeView Height="312" Background="#FFCFDBF9" AllowDrop="True"/>

然而，当添加DataTemplate时，就是黑色圆圈开始出现的时候。这必须是某种数据绑定问题吗？

修改的我现在开始到某个地方。

我将我的xaml更改为this并且事件开始触发：

<TreeView Name="TreeView1" Background="#FFC9D7FF">


    <TreeView.Resources>
        <DataTemplate DataType="{x:Type local:TestClass}">
            <StackPanel Orientation="Vertical"  AllowDrop="True" DragOver="TreeView1_DragOver" Drop="TreeView1_Drop" MouseMove="TreeView1_MouseMove" >
                <TextBlock Text="{Binding Path=Title}" />
                <TextBlock Text="{Binding Path=Url}" />
            </StackPanel>
        </DataTemplate>
    </TreeView.Resources>

</TreeView>

修改的我发现如果我从表达式混合运行项目，我只能拖放到stackpanel。如果我从visual studio运行它，它会显示黑色圆圈，并在其中显示一条直线。这根本没有任何意义。 对于这个单独的问题，我在这里开始了另一个问题： Visual Studio 2010 WPF Project ran in debug or relase will not allow drag and drop to any control

这完全归功于以管理员身份运行visual studio。显然，对于notepad.exe也是如此，如果您以管理员身份运行某些内容，则无法拖放。所以现在对于IIS调试我必须以管理员身份运行，拖放时我需要弄清楚如何在正常模式下运行...

Answer 1

我认为问题是你没有在TreeViewItems上拖动项目。这是必要的，因为您的事件仅为TreeViewItems注册。如果要拖放到树的父级别，则需要将相应的事件添加到树中。

此解决方案将遇到的问题是TreeView事件将首先触发。所以现在你必须知道你正在哪个节点才能正确添加它。有解决方案可以确定您所在的节点。但是，我建议在树中添加一个始终存在的顶级元素。然后像往常一样将事件连接到TreeViewItems。这样，您可以在顶级添加而无需处理TreeView事件，因为您可以拖动到该顶级项目。

下面是我用来测试它的内容，如果我直接拖到TreeViewItems上，我就会看到断点。您可能无法识别某些名称空间，但这是因为它引用了我的项目。

<强> XAML：

  <TreeView x:Name="treeView">
     <TreeView.ItemContainerStyle>
        <Style TargetType="{x:Type TreeViewItem}" >
           <Setter Property="TreeViewItem.AllowDrop" Value="True"/>
           <EventSetter Event="TreeViewItem.DragOver" Handler="treeView_DragOver" />
           <EventSetter Event="TreeViewItem.Drop" Handler="treeView_Drop" />
           <EventSetter Event="TreeViewItem.MouseMove" Handler="treeView_MouseMove" />
        </Style>
     </TreeView.ItemContainerStyle>

     <TreeView.Resources>
        <DataTemplate DataType="{x:Type FileExplorerDragDrop:TestClass}">
           <StackPanel Orientation="Vertical"  >
              <TextBlock Text="{Binding Path=Title}" />
              <TextBlock Text="{Binding Path=Url}" />
           </StackPanel>
        </DataTemplate>
     </TreeView.Resources>
  </TreeView>

代码背后：

  public MainWindow()
  {
     InitializeComponent();

     treeView.ItemsSource = new[] 
     { 
        new TestClass { Title = "Google", Url = "http://www.google.com" }, 
        new TestClass { Title = "Microsoft", Url = "http://www.microsoft.com" },
        new TestClass{ Title="Netflix", Url="http://www.netflix.com" }
     };
  }

  private void treeViewItem_DragOver(object sender, DragEventArgs e)
  {

  }

  private void treeViewItem_Drop(object sender, DragEventArgs e)
  {

  }

  private void treeViewItem_MouseMove(object sender, MouseEventArgs e)
  {

  }

WPF将文件从Windows资源管理器拖放到TreeView上

1 个答案: