qt - QML flickable 不起作用

Question

我正在尝试学习 QML，以便能够创建智能手机应用程序。现在我正在尝试创建一个列表，其中每个项目都应该是“可滑动的”，这就是我想要的:当您抓取列表项时，您应该能够将其拖动到左侧(以显示下面的菜单)，实际列表项不应完全消失到左边缘，但仍然有点可见，以便您可以将其拖回来。 尽可能简单的解决方案将不胜感激:)!

这是我的开始(仅使最后一个矩形可滑动):

import QtQuick 2.0

Rectangle {
    width: 360
    height: 360

    Column {
        spacing: 5
        Rectangle {
            color: "green"
            width: 360
            height: 360/3
        }

        Rectangle {
            color: "red"
            width: 360
            height: 360/3
        }

        Flickable{
            interactive: true
            boundsBehavior: Flickable.StopAtBounds
            contentHeight: flickme.height
            contentWidth: flickme.width
            width: 360
            height: 360/3
            Rectangle {
                id:flickme
                color: "yellow"
                width: 360
                height: 360/3
            }
        }
    }

}

Answer 1

我明白了!您只需将 contentWidth 设置为大于 Flickable 的宽度即可。

Flickable{
            interactive: true
            boundsBehavior: Flickable.StopAtBounds
            contentHeight: flickme.height
            contentWidth: flickme.width*1.8
            width: 360
            height: 360/3
            Rectangle {
                id:flickme
                color: "yellow"
                width: 360
                height: 360/3
            }
        }