QML实现ListView的拖动排序

最新推荐文章于 2025-07-08 23:08:23 发布

草上爬

最新推荐文章于 2025-07-08 23:08:23 发布

阅读量7.3k

点赞数 5

CC 4.0 BY-SA版权

分类专栏： Qt实用编程技术文章标签： Qt QML ListView DragArea 拖动

本文链接：https://blog.youkuaiyun.com/caoshangpa/article/details/83957627

Qt实用编程技术专栏收录该内容

46 篇文章 ¥59.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了如何使用Qt的QML实现ListView的拖动排序功能，比较了两种方法：鼠标移动切换和DropArea实现，指出后者效果更优，并提供了详细代码实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一.效果

实现的方法有两种，一种是通过鼠标的移动的位置切换相邻两项，另一种是通过DropArea来实现。下面是两种方法实现的效果，左边是方法一，右边是方法二。

很明显，方法二的效果更好。

二.代码实现

方法一：

import QtQuick 2.9
import QtQuick.Window 2.2
import QtQuick.Controls 1.3
import QtQuick.Window 2.2

Window {
    visible: true
    width: 300
    height: 400
    title: qsTr("DragAndDrop")

    ListModel{
        id: listModel
        ListElement{
            week: "今天星期一"
            weather: "大雨"
            status: "上班"
        }
        ListElement{
            week: "今天星期二"

了解本专栏