QML 使用 QSqlTableModel 删除 ListView 项的动画

Question

我在后台使用带有 QSqlTableModel 的列表视图。我还为列表视图元素使用 SwipeDelegate 来提供“删除按钮”，如下所示：

现在按下按钮时，使用 QSqlTableModel 子类中的以下代码从数据库中删除项目：

void qsoModel::deleteQSO(int id) {
    removeRow(id);
    submitAll();
}

附带问题：当我理解正确时，removeRow 隐式调用 beginRemoveRows(...) 和 endRemoveRows()？

对于 ListView，我使用了一个移除转换：

    ListView {
        id: listView
        anchors.fill: parent
        model: qsoModel

        //...

        delegate: QSOItem {}

        remove: Transition {
               NumberAnimation { property: "opacity"; from: 1.0; to: 0; duration: 400 }
               NumberAnimation { property: "scale"; from: 1.0; to: 0.0; duration: 400 }
        }

但是，如果我按下删除按钮，则不会显示动画。列表元素很快就消失了。任何想法为什么会发生这种情况？

完整的源代码可以在这个提交中找到：https://github.com/myzinsky/cloudLogOffline/tree/b501d41a0f23d40139cfca9a6d4f724f4ab251b2

Answer 1

从 github 上的代码来看，模型似乎正在执行 beginRemoveRows() 和 endRemoveRows() 方法，所以我认为这不是问题。而且您说记录已从数据库中删除，所以我认为问题与 qml 更相关。

所以关于 qml 动画有几件事：

首先，如果您希望不透明度和缩放动画并行，您需要将它们包装在ParallelAnimation 中。第二件事是您需要为removeDisplaced 指定一个转换，否则当您从列表中删除一个项目时将在列表中向上移动的项目只是被推送到覆盖正在执行动画的记录的新位置移动。 如果您将转换分配给removeDisplaced，您应该能够看到这一点，如下所示。

removeDisplaced:Transition{
    NumberAnimation{
        property:"y" // Specifying "y" so the displaced records slowly proceed upwards
        duration:5000 // 5s should be enough to see what's actually happening
        easing.type: Easing.InOutQuad
    }
}

编辑：

我在原帖中提到的问题并不是唯一的问题。问题是removeRow() 函数没有调用beginRemoveRows() 和endRemoveRows()！如果您将这些调用包裹在 removeRow() 调用周围，您将看到动画正在发生。但是您仍然需要为 removeDisplaced 分配一个转换以查看正在发生的一切。

由问题作者编辑

这个想法是在 QML 端的动画之后更新模型：

remove: Transition {
    SequentialAnimation {
        NumberAnimation {
            property: "opacity"
            from: 1.0
            to: 0
            duration: 400
        }
        ScriptAction {
            script: {
                qsoModel.select()
            }
        }
    }
}

我只是在 QML 端完成动画时调用 select