.net - 如何将文件拖放到列表框中的 WPF Image 控件上

Question

我有一个带有这个 xaml 的 WPF 窗口：

<Window x:Class="WpfApplication2.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">

    <Window.Resources>
        <Style TargetType="Border" x:Key="BorderStyle">
            <Setter Property="BorderBrush" Value="Black"/>
            <Setter Property="BorderThickness" Value="1"/>
        </Style>
        <Style TargetType="Image" x:Key="ImageStyle">
            <Setter Property="Height" Value="75"/>
            <Setter Property="Width" Value="75"/>
            <Setter Property="AllowDrop" Value="True"/>
        </Style>
    </Window.Resources>
    <Grid>
        <GroupBox>
            <Grid>
                <ListBox x:Name="listbox">
                    <ListBox.ItemTemplate>
                        <DataTemplate>
                            <StackPanel Orientation="Horizontal" >
                                <TextBlock Text="{Binding}"/>
                                <Border Style="{StaticResource BorderStyle}">
                                    <Image Style="{StaticResource ImageStyle}" Drop="ThisDrop"/>
                                </Border>
                                <Border Style="{StaticResource BorderStyle}">
                                    <Image Style="{StaticResource ImageStyle}" Drop="ThatDrop"/>
                                </Border>
                            </StackPanel>
                        </DataTemplate>
                    </ListBox.ItemTemplate>
                </ListBox>
            </Grid>
        </GroupBox>
    </Grid>
</Window>

而这背后的代码：

using System.Linq;

namespace WpfApplication2
{
    public partial class MainWindow
    {
        public MainWindow()
        {
            InitializeComponent();
            listbox.ItemsSource = Enumerable.Range(1, 3);
        }

        private void ThisDrop(object sender, System.Windows.DragEventArgs e)
        {
            // do something
        }

        private void ThatDrop(object sender, System.Windows.DragEventArgs e)
        {
            // do something else
        }
    }
}

当我从 Windows 资源管理器将文件拖放到图像控件上时，我很难让这些放置事件触发。

项目： https ://github.com/ronnieoverby/WpfApplication2

Answer 1

看起来问题是尚未设置图像控制源。

Answer 2

这是一个基本的拖放操作：

private void Image_DragEnter(object sender, DragEventArgs e)
{
    if (e.Data.GetDataPresent(DataFormats.FileDrop))
    {
        // Signal the user they can copy files here
        e.Effects = DragDropEffects.Copy;
        e.Handled = true;
    }
}

private void Image_Drop(object sender, DragEventArgs e)
{
    string[] fileList = e.Data.GetData(DataFormats.FileDrop) as string[];

    if (fileList != null)
    {
        foreach (string file in fileList)
        {
            // Do stuff
        }

        e.Handled = true;
    }
}

我通常实现 DragOver 并让 DragEnter 简单地调用 DragOver 因为我有时会发现 DragEnter 事件并不总是触发。但那是使用 Windows 窗体，WPF 可能不需要。

设置 DragDropEffects 做了两件事。它会更改图标，以便用户对将要发生的事情（复制、移动等）有一个视觉提示。它还告诉调用者（启动拖放的应用程序）发生了什么，因此它知道如何做出反应。例如，对于移动操作，它可能会删除原始文件。

您使用 e.AllowedEffects 查看调用者应用程序支持的效果。例如，它可能不支持移动，只支持复制。两端的开发人员需要确保他们的应用程序符合链接、移动和复制的含义的约定。就 API 而言，它只影响向用户显示的图标。

Answer 3

也许您应该创建一个接收 ICommand 的 AttachedProperty，然后（在视图模型中）在此命令中放置代码；在附加属性内部订阅 OnDrag 事件并执行 ICommand，然后在视图（Image）中将附加属性绑定到命令。

Answer 4

尝试这个 ：

<ListBox>
    <ListBox.ItemTemplate>
        <DataTemplate>
            <!-- Using a StackPanel here since DataTemplate can't contain more than one element-->
            <StackPanel Orientation="Horizontal">
                <Image AllowDrop="True" Drop="ImageDrop1"/>
                <Image AllowDrop="True" Drop="ImageDrop2"/>
            </StackPanel>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

这是Drop事件处理程序

private void ImageDrop1(object sender, DragEventArgs e)
{
    MessageBox.Show("Dropped onto Image 1");
    e.Handled = true;
}

private void ImageDrop2(object sender, DragEventArgs e)
{
    MessageBox.Show("Dropped onto Image 2");
    e.Handled = true;
}