QML Listview พื้นที่รายการเพื่อเติมเต็มความกว้าง

คุณสามารถย่อมทำสิ่งที่คุณต้องการ ListViewคุณแค่ต้องการปรับค่าระยะห่างระหว่างบรรทัด dynamically จากกี่ delegates คุณมี นี่ตัวอย่างจะพังลงถ้าคุณคณะผู้แทนกำลังต่างออกไซ(ที่นี่คือพื้นฐานเดียวบนความกว้างของคนแรกวแทน)หรือถ้า delegates cumulatively เกินความกว้างของ ListView.

ListView {
    width: 500
    orientation: Qt.Horizontal
    model: 6
    spacing: {
        if (count > 0) {
            return (width - (itemAtIndex(0).width * count))/(count - 1)
        } else {
            return 0
        }
    }

    delegate: Rectangle {
        implicitHeight: 50
        implicitWidth: 50
        color: "red"
        border.width: 1
    }
}

ListView อาจจะไม่ได้เป็นคนที่เหมาะสมส่วนบรรจุสำหรับงานนี้. ฉันพูดเรื่องนี้เพราะว่ามันมีสร้างใน ScrollView และอีก behaviors นั่นมันฟังดูเหมือนคุณไม่ต้องการ ถ้าทั้งหมดที่คุณต้องการคือง่ายอย่างแถวของสา identically ไซ delegates ฉันเห็นด้วยกับ scopchanov และเชื่อว่า Repeater ภายใน RowLayout จะเป็นทางเลือกที่ดีที่สุด. นี่คือแบบง่ายๆตัวอย่าง:

RowLayout {
    width: 500

    Repeater {
        model: 6
        delegate: Rectangle {
            implicitHeight: 50
            implicitWidth: 50
            color: "tomato"
            border.width: 1
            Layout.alignment: Qt.AlignHCenter // must be set to align the rectangles within their empty space
        }
    }
}

คุณอาจสังเกตเห็นว่ามันจะกล่าวแนะนำช่องเล็กๆส่งเสียงโหยวซ้ายแล้วก็พูดถูกถ้าพวกนี้เป็นช่องเล็กๆส่งเสียงโหยอมรับไม่่ได้คุณอาจจะต้องตั้งค่า spacing บ RowLayout อยู่ในที่เดียวกับที่ ListView ตัวอย่างแทน