Elementy przestrzeni listy QML do wypełnienia szerokości

Możesz osiągnąć to, czego chcesz, z pomocą ListViewpo prostu trzeba dynamicznie regulować odległość w zależności od tego, ile masz delegatów. Przykład ten będzie podzielony, jeśli twoje delegaci mają inny rozmiar (ponieważ to zależy tylko od szerokości pierwszego delegata), lub jeśli uczestnicy łącznie przekraczają szerokości 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 może to nie jest najbardziej odpowiednim pojemniku w celu tego zadania. Mówię to, bo w nim jest wbudowany ScrollView i inne formy zachowania, które, jak się wydaje, nie są ci potrzebne. Jeśli wszystko, czego potrzebujesz-jest to prosty szereg z kilku delegatów równej wielkości, zgadzam się z скопчановым i uważam, że Repeater wewnątrz a RowLayout byłoby najlepszym rozwiązaniem. Oto prosty przykład:

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

Można zauważyć, że to prowadzi do pojawienia się spacji z lewej i prawej strony, jeśli te luki nie do przyjęcia, być może trzeba zainstalować spacing na RowLayout w taki sam sposób, jak i ListView zamiast tego przykład.