ScrollBars不会出现在Qt Quick ScrollView中

时间:2014-08-03 03:59:45

标签: qt qml qt-quick

我有两个ColumnLayout,我希望它们可滚动,但滚动条不会显示。如果我删除一列,则会显示。

守则:

ApplicationWindow {
    id: applicationWindow1
    visible: true
    width: 400
    height: 500
    title: qsTr("Hello World")

    menuBar: MenuBar {
        Menu {
            title: qsTr("File")
            MenuItem {
                text: qsTr("Exit")
                onTriggered: Qt.quit();
            }
        }
    }

    Item {
        id : scroll;
        anchors.centerIn: parent
    }

    ScrollView {
        anchors.left: parent.left
        anchors.top : parent.top
        id:col1
        width: 240
        height: 618
        anchors.leftMargin: 0
        anchors.topMargin: 0
        contentItem : fl0
        frameVisible :true

        ColumnLayout  {
            id:fl0

            anchors.fill:parent


           Rectangle{
               width:200
               height:200
               color : "#585ef3"
           }
           Rectangle{
               width:200
               height:200
               color : "#585ef3"
           }
           Rectangle{
               width:200
               height:200
               color : "#585ef3"
           }
           Rectangle{
               width:200
               height:200
               color : "#585ef3"
           }
           Rectangle{
               width:200
               height:200
               color : "#585ef3"
           }
        }
    }
    ScrollView {
        width: 240
        height: 626
        anchors.left: col1.right
        anchors.leftMargin: 10
        anchors.top: parent.top
        anchors.topMargin: 0
        contentItem: fl2
        frameVisible :true
        ColumnLayout  {
            id:fl2

            anchors.fill: parent

           Rectangle{
               width:200
               height:200
               color : "#18f32b"
           }
           Rectangle{
               width:200
               height:200
               color : "#585ef3"
           }
           Rectangle{
               width:200
               height:200
               color : "#585ef3"
           }
        }
    }



    }

我做错了什么?

1 个答案:

答案 0 :(得分:3)

您将内容项的大小设置为anchors.fill:parent,那么您期望哪些滚动条?

要使内容可滚动,只需删除锚点:

ColumnLayout  {
    id:fl0
    //anchors.fill:parent