Qml Flickable覆盖内容

Question

我尝试使用Flickable启用在我的应用程序中滚动内容。 现在内容是可滚动的，但内容隐藏了顶级内容。

代码：

Flickable {
    anchors.top: pageMessagesHeader.bottom
    anchors.topMargin: 20

    boundsBehavior: Flickable.DragOverBounds
    contentHeight: contentItem.childrenRect.height
    contentWidth: contentItem.childrenRect.width
    height: 500
    width: 400
    ScrollBar.vertical: ScrollBar {}

    Rectangle {
        color: "white"
        height: 1000
        width: 400
        id: listMessages
    }

    }

Answer 1

Here你可以找到一个句子：

  

Flickable 不会自动剪辑其内容。如果它不用作全屏项目，您应该考虑将剪辑属性设置为true。

哪个是解决方案。

添加

clip: true

代码，你会很好。

剪辑有一些perfomance disavantages，这会在应用程序增长时对其产生很大影响。因此，应仔细评估其用法，特别是在视图场景之外。