如何使矩形高度填充ScrollView

一般来说 ScrollView 不适用于此类用途。它更像是一个容器,用来布置项目并通过提供的滚动条显示它们。如果绑定设置不正确,绑定循环可能会在这里和那里弹出。而且 Flickable +自定义滚动条(例如可用的滚动条 here )可以完美满足您的需求。

也就是说, viewport 属性为该问题提供了所需的(跨平台)解决方法。文件说明:

视口确定contentItem上的当前“窗口”。换言之,它将其剪辑并 视口的大小告诉您有多少内容区域是可见的 .

因此 height 孩子的 Item 可以根据 身高 的 视口 。最后一个简单的例子是 Image (可爱的小猫来了)看起来像这样:

import QtQuick 2.4
import QtQuick.Controls 1.3
import QtQuick.Window 2.2

Window {
    id: win
    width: 300
    height: 300
    visible: true

    ScrollView {
        id:scrollView
        anchors.fill: parent

        Image{
            height: scrollView.viewport.height
            source: "http://c1.staticflickr.com/9/8582/16489458700_c9d82954b7_z.jpg"
        }
    }
}