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

你的代码，你会很好。

Clipping 有一些perfomance disavantages，随着应用程序的增长，它们会极大地影响应用程序。因此，应仔细评估其使用情况，尤其是在视图场景之外。