#711 – 在拖拽的过程中改变鼠标样式（Changing the Mouse Cursor While Dragging）

原文地址：https://wpf.2000things.com/2012/12/13/711-changing-the-mouse-cursor-while-dragging/

在WPF拖拽的过程中，通过GiveFeedback 事件可以更改整个过程中鼠标的样式。在事件中，我们可以通过GiveFeedbackEventArgs.Effects 属性来判断当前位置的拖动效果，从而设置鼠标的样式。

下面的例子中，当拖动的效果为Copy的时候，我们改变鼠标为一个手的样式，来表示允许拖动数据。

<StackPanel Orientation="Vertical" HorizontalAlignment="Center" Margin="45"><Label Content="Data to drag" Background="AliceBlue" Padding="15,10" Margin="10"MouseLeftButtonDown="Label_MouseLeftButtonDown"GiveFeedback="Label_GiveFeedback"/><Label Content="Drag to here" Background="MediumSpringGreen" Padding="15,10" Margin="10"AllowDrop="True" Drop="Label_Drop"/>
</StackPanel>

private void Label_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{DataObject data = new DataObject(DataFormats.Text, ((Label)e.Source).Content);DragDrop.DoDragDrop((DependencyObject)e.Source, data, DragDropEffects.Copy);
}private void Label_Drop(object sender, DragEventArgs e)
{((Label)e.Source).Content = (string)e.Data.GetData(DataFormats.Text);
}private void Label_GiveFeedback(object sender, GiveFeedbackEventArgs e)
{if (e.Effects == DragDropEffects.Copy){e.UseDefaultCursors = false;Mouse.SetCursor(Cursors.Hand);}elsee.UseDefaultCursors = true;e.Handled = true;
}

上面的最后一个函数中如果Effects 属性为Copy ，我们将鼠标设置为Cursors.Hand ，其它情况下为默认样式。

******************************************译者注*****************************************

GiveFeedbackEventArgs.Effects 属性是一个DragDropEffects 类型的枚举，它有以下几种枚举值：

None - 放置目标不接受该数据。

Copy - 将拖动源中的数据复制到放置目标。

Move - 将拖动源的数据移动到放置目标。

Link - 将拖动源中的数据链接到放置目标。

Scroll - 拖动时可以滚动目标，以定位在目标中当前不可见的某个放置位置。

All - Copy、Link、Move 和 Scroll 效果的组合。

#711 – 在拖拽的过程中改变鼠标样式（Changing the Mouse Cursor While Dragging）相关推荐

WPF拖拽过程中修改鼠标指针属性
在WPF中鼠标拖拽时,指针默认是个圆圈(呵呵,有点难看),网上找了一圈没有找到好的方法,在此把我的解决过程写下: 在拖拽过程中使用到了DragDrop类,类中DoDragDrop方法为启动拖拽操作,而 ...
原生JS实现拖拽进度条、滚动鼠标显示相应的内容
今天要分享的是运用原生JS实现拖拽进度条.滚动鼠标显示相应的内容,实现效果如下: 以下是代码实现,欢迎大家复制粘贴. <!DOCTYPE html> <html><hea ...
JavaScript中改变鼠标指针样式的方法
JavaScript中改变鼠标指针样式的方法在js中我们可以通过style对象的cursor属性来设置鼠标指针的样式,例 var body = document.querySelector(&quo ...
游戏过程中的鼠标是否为真人操作的检测（集成学习、GAN网络）
目录说明问题的背景外挂的猫鼠游戏目前对于鼠标移动轨迹的机器人判别的研究数据预处理起点的平移旋转变换一种保留原始图像特征的归一化方式系统模型设计生成对抗网络集成判别器判别器D1 ...
CSS改变鼠标样式（图片）
如果你想让你的网站看起来更酷炫,可以改变鼠标样式,用你喜欢的图片来代替. 下面就来介绍下步骤方法: 首页把鼠标图标格式转换成.ico格式,大小为32*32 转换格式网址为:https://www.ea ...
js鼠标移动到某个元素上改变鼠标样式，如悬浮小手、禁用鼠标、等待...
js鼠标移动到某个元素上改变鼠标样式:则在这个元素的样式里加上 cursor:(你想改的样式). eg: <table border="0" style="cu ...
vuedraggable自由拖拽html,vue中draggable拖拽列表的使用
1.安装 npm install vuedraggable 或者使用镜像安装 cnpm install vuedraggable 2.使用首先在使用的组件中引入 import draggable f ...
Element UI表格拖拽（vue中） —— 行拖拽、列拖拽
目录安装依赖 vuedraggable 实现拖拽的要点行拖拽要点列拖拽要点完整范例代码安装依赖 vuedraggable 安装 vuedraggable 的同时,会自动安装 sortabl ...
【原创纯手打】如何用VUE在拖拽小框中同步更换壁纸（附代码）
先看效果图先安装vue-drag-resize插件,如果不安装插件,我们写鼠标拖拽就会相对麻烦一些 cnpm install --save vue-drag-resize 然后在main.js中加入 ...

#711 – 在拖拽的过程中改变鼠标样式（Changing the Mouse Cursor While Dragging）

#711 – 在拖拽的过程中改变鼠标样式（Changing the Mouse Cursor While Dragging）相关推荐

最新文章

热门文章