QML Listview prostor položek k vyplnění, šířka

Můžete dosáhnout, co chcete s ListView, stačí upravit mezery dynamicky na základě toho, jak mnoho delegátů máte. Tento příklad budou zlomit dolů, pokud vaše delegáti jsou různě velké (jako je to založeno pouze na šířku první delegát), nebo v případě, že delegáti kumulativně překročit šířku 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 nemusí být nejvhodnější kontejner pro tento úkol. Říkám to, protože to má vestavěný ScrollView a jiné chování, že to zní, jako jste vy nepotřebujeme. Pokud vše, co potřebujete, je jednoduchý řádek pár identicky velikosti delegátů, souhlasím s scopchanov a věří, že Repeater uvnitř RowLayout by bylo nejlepší volbou. Zde je jednoduchý příklad:

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

Můžete si všimnout, že to zavádí mezery vlevo a vpravo, pokud tyto nedostatky jsou nepřijatelné, budete možná muset nastavit spacing na RowLayout stejným způsobem jako ListView příklad místo.