QML实现ListView的拖动排序

最新推荐文章于 2026-07-18 09:16:07 发布

原创最新推荐文章于 2026-07-18 09:16:07 发布 · 7.5k 阅读

收录于

当前文章被以下社区和专栏收录：

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

46 篇文章 ¥59.90 ¥99.00

订阅专栏

超级会员免费看

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

一.效果

实现的方法有两种，一种是通过鼠标的移动的位置切换相邻两项，另一种是通过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: "今天星期二"

标签