QML Listview l'espace des éléments pour remplir la largeur

Vous pouvez accomplir ce que vous voulez avec un ListView, vous avez juste besoin d'ajuster l'espacement de façon dynamique en fonction du nombre de délégués que vous avez. Cet exemple permet de briser si vos délégués sont de taille différente (comme cela est basé seulement sur la largeur de la première délégué), ou si les délégués cumulativement dépasser la largeur de la 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 peut-être pas le plus récipient approprié pour cette tâche. Je dis cela parce qu'il a construit dans le ScrollView et d'autres comportements qui il semble que vous n'avez pas besoin. Si vous avez besoin d'une simple rangée de quelques-uns de taille identique délégués, je suis d'accord avec scopchanov et qui croient qu'un Repeater à l'intérieur d'un RowLayout serait la meilleure option. Voici un exemple simple:

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

Vous remarquerez peut-être que cela introduit des lacunes à gauche et à droite, si ces lacunes sont inacceptables, vous devrez définir le spacing sur le RowLayout de la même manière que le ListView exemple à la place.