Flickable + Flow

滑动鼠标移动显示不定长内容

import QtQuick 2.3
import QtQuick.Window 2.0
import QtQuick.Controls 1.2

Window {
    id: container
    width: 300
    height: 150
    visible: true

    Flickable {
        id: flick
        anchors.fill: parent
        contentHeight: flow.height    // grows according to the size of the Flow

        Flow {
            id: flow
            width: container.width
            spacing: 10
            Text { text: "Item 01"; font.pixelSize: 40 }
            Text { text: "Item 02"; font.pixelSize: 40 }
            Text { text: "Item 03"; font.pixelSize: 40 }
            Text { text: "Item 04"; font.pixelSize: 40 }
            Text { text: "Item 05"; font.pixelSize: 40 }
            Text { text: "Item 06"; font.pixelSize: 40 }
            Text { text: "Item 07"; font.pixelSize: 40 }
            Text { text: "Item 08"; font.pixelSize: 40 }
            Text { text: "Item 09"; font.pixelSize: 40 }
            Text { text: "Item 10"; font.pixelSize: 40 }
            Text { text: "Item 11"; font.pixelSize: 40 }
            Text { text: "Item 12"; font.pixelSize: 40 }
            Text { text: "Item 13"; font.pixelSize: 40 }
        }
    }
}