一个可拖拉实现列表排序的WPF开源控件

最新推荐文章于 2023-09-02 18:06:07 发布
最新推荐文章于 2023-09-02 18:06:07 发布
阅读量317 收藏
点赞数
文章标签： wpf 开源
原文链接：https://mp.weixin.qq.com/s?__biz=MzAwNTMxMzg1MA==&mid=2654097037&idx=6&sn=2a7ee28017511d46e390d90a156ecc4e&chksm=80d86ad8b7afe3ce1815da8109a1ed7dcbc483d006a6f213516f431bead7e4908472af36ba3c&scene=126&sessionid=0
版权

推荐一个可通过拖拉，来实现列表元素的排序的WPF控件。

项目简介

gong-wpf-dragdrop是一个开源的.NET项目，用于在WPF应用程序中实现拖放功能，可以让开发人员快速、简单的实现拖放的操作功能。

可以在同一控件内或不同控件之间拖动数据以重新排序，支持插入、移动、复制到同一个或另一个控件集合中去，并支持操作预览效果功能。

支持控件有：ListBox、ListView、TreeView和DataGrid、及其他ItemsControl。

技术栈

1、支持： .NET Framework 4.6.2+、.NET Core 3.1、.NET 5 和 .NET 6。

项目结构

f1d96210ef87074a821a9e049d7efb2e.png

部分效果截图

ListBox

07bf28a3cf7163732636191d8ff4ad4f.png

08a54bc22f4a5d8b0e01549dd4dfe087.png

ListView

538b00f59681460de2090dfee53282d5.png

TreeView

0fffaa7c3cf38abc30f581d449261a53.png

DataGrid

da125f3f1c00ff2e5b72eb9dcab1cdbe.png

Tabcontrol

3825ce2711ca9e3327f58b18fee97a31.png

自定义样式

7384fc21242e93a8718ac825121555fb.png

f3c0fe84776a3ed90fb23d1d727492bb.png

项目地址

https://github.com/punker76/gong-wpf-dragdrop

dotNET跨平台
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
gong-wpf-dragdrop：GongSolutions.WPF.DragDrop库是WPF的拖放框架
02-04
GongSolutions.WPF.DragDrop 一种易于使用的WPF拖放框架。 支持.NET Framework 4.5+和.NET Core 3（3.0和3.1） 产品特点 与MVVM一起使用：拖放的逻辑可以放在ViewModel中。 无需在代码背后放置任何代码，而是将附加的属性用于绑定到ViewModel中的拖动处理程序/放置处理程序。 适用于多种选择。 可以在同一控件内或控件之间拖动数据以重新排序。 与ListBox ， ListView ， TreeView ， DataGrid和任何其他ItemsControl 。 可以将项目插入，移动或复制到相同控件的集合或另一
WPF 开源控件库（含Demo）
10-31
这是一套开源且完整的WPF控件库，压缩包中包含了所有控件的使用案例，项目地址：https://github.com/HandyOrg/HandyControl
WPF 实现鼠标拖动来控制 控件排序（ListView 做示例）
猪猪的博客
06-19 976
本文使用到了 gong-wpf-dragdrop扩展包
WPF-DragDrop拖拽文字、文件、图片...
rwo_bear的博客
09-02 2042
是否允许作为拖拽目标：进入容器边缘触发：拖拽放下触发。
WPF Item拖拽 DragDrop
weixin_30843605的博客
07-01 593
WPF Item拖拽 DragDrop 原文:WPF Item拖拽 DragDrop今天有个需求是需要拖拽DataGrid中的item到另一个DataGrid。自己实现还比较繁琐，网上查了查，发现一个不错的开源项目 gong-wpf-dragdrop nuget安装下：Install-Package gong-wpf-dragdrop -V...
WPF实现带全选复选框的列表控件
10-19
主要为大家详细介绍了WPF实现带全选复选框的列表控件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
WPF自定义用户控件一个小例子
08-04
就是一个WPF如何自定义一个用户控件的小例子，主要是了解一下用户控件中不同的代码片应该插在哪里~
C# wpf 附加属性实现任意控件拖动调整大小
12-08
使用附加属性将各种控件拖动改变大小功能整合到一起，提高复用性和移植性，界面和逻辑分离，支持自定义拖动样式。原文链接：https://blog.csdn.net/u013113678/article/details/121719278
wpf 开源的ui控件_WPF 界面
09-22
这是一款开源的wpf ui 资源包，代码没有附上，需要的话联系，适合快速开发
gong-wpf-dragdrop, GongSolutions.WPF.DragDrop 库是WPF的拖动'n'拖放框架.zip
10-10
gong-wpf-dragdrop, GongSolutions.WPF.DragDrop 库是WPF的拖动'n'拖放框架 简介GongSolutions.WPF.DragDrop 库是一个易于使用的拖拉'n'拖放框架。特性使用 MVVM: 拖放逻辑可以放在ViewModel中。 代码不需要放在in中，而是使用附
WPF程序设计指南(中文版)(全).part6
10-18
WPF程序设计指南(中文版)(全).part6，补215~265页
WPF-Tree+GridData实现.zip
05-27
GridData控件与TreeView控件接合使用，本实例作为初学者借鉴。
Source Code: WPF拖放功能实现
12-06
Source Code: WPF拖放功能实现
WPF-DragDropImage简单示例
04-01
WPF拖拽图片示例. Canvas StoryBoard Style Transform
GridView控件自带排序(一)
single_killer的专栏
01-14 2818
1 using System; 2 using System.Data; 3 using System.Data.SqlClient; 4 using System.Configuration; 5 using System.Collections; 6 using System.Web; 7 using System.Web.Security; 8 using System.Web.UI; 9
datagridview 拖拽 换行 复制 删除 排序实现
plato_2的专栏
12-18 1827
datagridview方面的问题，我碰到了好多好多，每次解决了，下次碰到又会忘记，又得重新找和试，所以现在记下来，以便以后进行参考。 首先，第一个问题，将datagridview的属性AllowUserToAddRows 设置为False时，添加datagridview的datasouce才不会出错，否则会出现异常：Row index provided is out of range.
扩展GridView控件——为内容项添加拖放及分组功能
10-20 174
引言 相信大家对GridView都不陌生，是非常有用的控件，用于平铺有序的显示多个内容项。打开任何WinRT应用或者是微软合作商的网站，都会在APP中发现GridView的使用。“Tiles”提供了一个简单易用，平铺方式来组织内容显示。Windows8的开始菜单是最典型的GridView 示例。“开始菜单”显示了系统中安装的所有应用程序，而且支持重新排列。 本文源于我们项目的开发人员...
Wpf 实现控件拖拉的代码
最新发布
09-09
### 回答1： WPF 拖拉控件的代码可以通过实现 Thumb 和 DragDelta 事件来实现。在 Thumb 控件上添加 PreviewMouseLeftButtonDown 事件，添加 DragDelta 事件，在 DragDelta 事件中获取拖拽的 delta 值，然后更新控件的位置即可。 ### 回答2： WPF（Windows Presentation Foundation）是Microsoft开发的一种图形用户界面技术，可以构建富交互式的应用程序。在WPF中，实现控件拖拉的代码可以使用拖放机制来完成。 首先，我们需要在XAML中定义一个需要拖拉的控件。例如，我们可以在Grid布局中添加一个Button控件，如下所示： ```xml <Grid> <Button Content="拖动我" Width="100" Height="50" DragEnter="Button_DragEnter" DragLeave="Button_DragLeave" MouseMove="Button_MouseMove"/> </Grid> ``` 接下来，在后台的C#代码中，我们需要处理拖放事件和鼠标移动事件。首先，我们需要定义拖动的起始位置和保存拖动的数据。 ```csharp private Point startPoint; private DataObject dataObject; ``` 然后，在鼠标移动事件(Button_MouseMove)中，我们可以获取鼠标的当前位置，并计算出拖动的距离。然后，我们可以在DataObject中保存相关的数据。 ```csharp private void Button_MouseMove(object sender, MouseEventArgs e) { if (e.LeftButton == MouseButtonState.Pressed) { Point currentPoint = e.GetPosition(null); Vector distance = startPoint - currentPoint; if (Math.Abs(distance.X) > SystemParameters.MinimumHorizontalDragDistance || Math.Abs(distance.Y) > SystemParameters.MinimumVerticalDragDistance) { dataObject = new DataObject(); dataObject.SetData("Button", sender as Button); DragDrop.DoDragDrop(sender as DependencyObject, dataObject, DragDropEffects.Move); } } } ``` 接下来，我们需要处理拖入和拖出事件(DragEnter和DragLeave)。在这些事件中，我们可以设置相关控件的效果，例如改变鼠标指针的样式。 ```csharp private void Button_DragEnter(object sender, DragEventArgs e) { Button button = e.Data.GetData("Button") as Button; button.Background = Brushes.Red; } private void Button_DragLeave(object sender, DragEventArgs e) { Button button = e.Data.GetData("Button") as Button; button.Background = Brushes.Transparent; } ``` 最后，在XAML中，我们需要给需要接受拖放的控件添加相应的事件处理程序。例如，我们可以给Grid布局添加拖放事件处理程序： ```xml <Grid AllowDrop="True" DragEnter="Grid_DragEnter" DragOver="Grid_DragOver" Drop="Grid_Drop"> <!-- 添加其他需要的控件 --> </Grid> ``` 在事件处理程序中，我们可以获取拖放的数据，并根据需要进行相应的操作。例如，我们可以将Button控件从原来的位置移动到拖放的位置。 ```csharp private void Grid_DragEnter(object sender, DragEventArgs e) { if (e.Data.GetDataPresent("Button")) { e.Effects = DragDropEffects.Move; } else { e.Effects = DragDropEffects.None; } } private void Grid_DragOver(object sender, DragEventArgs e) { if (e.Data.GetDataPresent("Button")) { e.Effects = DragDropEffects.Move; } else { e.Effects = DragDropEffects.None; } } private void Grid_Drop(object sender, DragEventArgs e) { if (e.Data.GetDataPresent("Button")) { Button button = e.Data.GetData("Button") as Button; Grid grid = sender as Grid; if (grid != null) { // 移动Button控件到拖放的位置 grid.Children.Add(button); } } } ``` 通过以上代码，我们可以实现WPF中控件的拖拉功能。在鼠标移动过程中，我们设置了一定的拖动距离阈值，保证只有在鼠标移动一定距离之后，才会触发拖放操作。在处理拖放事件时，我们可以根据不同的情况进行相应的操作，例如改变控件的效果、位置等。 ### 回答3： WPF（Windows Presentation Foundation）是一种用于创建可视化用户界面的微软技术。要实现控件拖拉功能，可以按照以下步骤进行编写代码： 1. 创建一个WPF应用程序，可以在XAML文件中添加所需的控件，如按钮、文本框等。 2. 在XAML文件中为控件设置拖拉功能。可以使用拖拉事件（DragEnter、DragOver、DragDrop等）和拖拉操作（DoDragDrop）。 ``` <Button Content="拖拉我" DragEnter="Button_DragEnter" DragOver="Button_DragOver" Drop="Button_Drop" /> ``` 3. 在代码文件中实现拖拉功能的事件处理程序。例如，在Button_DragEnter事件中设置允许拖拉的数据类型，并改变鼠标指针样式；在Button_DragOver事件中处理拖拉过程中的操作，如将控件随着鼠标移动；在Button_Drop事件中处理拖放完成后的操作，如将拖拽的数据提取出来并在相应位置进行处理。 ``` private void Button_DragEnter(object sender, DragEventArgs e) { if (e.Data.GetDataPresent(DataFormats.Text)) { e.Effects = DragDropEffects.Copy; } else { e.Effects = DragDropEffects.None; } } private void Button_DragOver(object sender, DragEventArgs e) { if (e.Data.GetDataPresent(DataFormats.Text)) { e.Effects = DragDropEffects.Copy; } else { e.Effects = DragDropEffects.None; } } private void Button_Drop(object sender, DragEventArgs e) { if (e.Data.GetDataPresent(DataFormats.Text)) { string data = (string)e.Data.GetData(DataFormats.Text); // 在此处处理拖放完成后的操作 } } ``` 4. 运行应用程序，可以在应用程序中拖动控件，并实现相应的拖拉功能。 以上是一个简单的示例代码，可以根据具体需求进行修改和扩展。拖拉功能可以帮助用户在界面上简化操作，并提升用户体验。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值