QML ListView: righe a colori alterni

Mattepuffo's logo
QML ListView: righe a colori alterni

QML ListView: righe a colori alterni

In questo articolo avevamo visto come riempire una ListVew con dati in formato JSON.

Oggi piccolo tip: vogliamo impostare i le righe con colori alternati.

La cosa in verità è molto semplice, e basta impostare il parametro color all'oggetto Rectangle interno.

 Quindi, prendendo solo la parte della ListView:

    Rectangle {
        height: parent.height
        width: parent.width
        ListView {
            id: listViewJson
            x: 0
            y: 0
            width: 600
            height: 592
            delegate: Rectangle {
                width: parent.width
                height: 70
                color: index % 2 == 0 ? "white" : "gray"
            }
            model: listModelJson
        }
    }

Come vedete, nel parametro color controlliamo se l'indice è pari o dispari, e a seconda del risultato impostiamo un colore (bianco o grigio in questo caso).

Buona Pasqua!


Condividi

1 Commenti

  • lucia

    graziee!

    02/12/2014

Commentami!