WPF 实现鼠标拖动来控制控件排序（ListView 做示例）

最新推荐文章于 2024-06-14 11:26:34 发布

学软件开发的猪

最新推荐文章于 2024-06-14 11:26:34 发布

阅读量1.1k

点赞数

分类专栏： # WPF 文章标签： wpf

本文链接：https://blog.csdn.net/qq_71897293/article/details/131289972

版权

WPF 专栏收录该内容

16 篇文章 1 订阅

订阅专栏

该文章演示了如何在WPF应用中使用gong-wpf-dragdrop库实现ListView的拖动排序功能。首先介绍了基本的XAML布局，然后展示了后端代码设置数据绑定。接着，通过三步（安装扩展包、引用命名空间、修改ListView属性）详细解释了启用拖放操作的过程。

摘要由CSDN通过智能技术生成

示例效果前端

<Window
    x:Class="WPF_实现拖动排序_ListView_做示例_.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:local="clr-namespace:WPF_实现拖动排序_ListView_做示例_"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    Title="MainWindow"
    Width="800"
    Height="450"
    mc:Ignorable="d">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <ListView Grid.Column="1" ItemsSource="{Binding MyProperty, FallbackValue=123456789}" />
        <Grid Grid.Column="0" Background="WhiteSmoke" />
    </Grid>
</Window>

后端：

 public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            DataContext = this;  MyProperty = new ObservableCollection<string>() 
            {  "s",
                "s1",
                "s2"  };
        }
        private ObservableCollection<string> myVar;
        public ObservableCollection<string> MyProperty
        {
            get { return myVar; }
            set { myVar = value; }
        }
    }

绑定最终效果

当前这个排序顺序我们是无法用鼠标拖动来实现改变它的排列顺序，接下来就将一步步实现此效果。

第一步安装gong-wpf-dragdrop扩展包

第二步引用命名空间 xmlns:dd="urn:gong-wpf-dragdrop"

第三步修改ListView

  <ListView
            Grid.Column="1"
            dd:DragDrop.DropHandler="{Binding}"
            dd:DragDrop.DropTargetAdornerBrush="{DynamicResource PrimaryThemeColor}"
            dd:DragDrop.IsDragSource="True"
            dd:DragDrop.IsDropTarget="True"
            dd:DragDrop.UseDefaultDragAdorner="False"
            ItemsSource="{Binding MyProperty, FallbackValue=123456789}" />

鼠标拖动效果实现