QML Listview spațiu articole pentru a umple lățimea

Poți realiza ceea ce vrei cu un ListViewai nevoie doar de a ajusta spațierea dinamic în funcție de cât de mulți delegați ai. Acest exemplu va rupe în jos dacă delegații sunt diferit-dimensiuni (ca asta se bazeaza doar pe lățimea primul delegat), sau dacă delegații, cumulativ, depășește lățimea de 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 nu poate fi mai recipient adecvat pentru această sarcină. Spun acest lucru pentru că ea are o construit în ScrollView și alte comportamente care se pare ca nu ai nevoie. Dacă tot ce ai nevoie este un simplu rând de câteva identic cu dimensiuni de delegați, sunt de acord cu scopchanov și cred că o Repeater în interiorul unui RowLayout ar fi cea mai bună opțiune. Aici este un exemplu simplu:

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
        }
    }
}

Este posibil să observați că aceasta prezintă lacune la stânga și la dreapta, dacă aceste lacune sunt inacceptabile, poate fi necesar să setați spacing pe RowLayout în același mod ca ListView exemplu în loc.