Para crear un Lista en Qt Quick, utilizaremos el componente ListView. Aquí tienes un ejemplo básico de cómo crear un ListView que muestra una lista de elementos:
import QtQuick
import QtQuick.Controls
ApplicationWindow {
visible: true
width: 400
height: 300
title: "Ejemplo de ListView"
ListView {
width: parent.width
height: parent.height
model: ListModel {
ListElement { name: "Elemento 1" }
ListElement { name: "Elemento 2" }
ListElement { name: "Elemento 3" }
ListElement { name: "Elemento 4" }
ListElement { name: "Elemento 5" }
}
delegate: Item {
width: parent.width
height: 50
Rectangle {
width: parent.width
height: 50
color: ListView.isCurrentItem ? "lightblue" : "white"
Text {
anchors.centerIn: parent
text: model.name
}
}
}
}
}
En este ejemplo, hemos creado un ListView que muestra una lista de elementos. El atributo model se utiliza para proporcionar los elementos de la lista a través de un ListModel. Luego, hemos definido un delegate para personalizar la apariencia de cada elemento en la lista.
El delegate es un Item que contiene una Rectangle y un Text para mostrar el nombre de cada elemento. El color de la Rectangle cambia cuando el elemento está seleccionado (ListView.isCurrentItem) para resaltar el elemento seleccionado.
One thought on “Programación Gráfica en C++: Crear Lista de Elementos con Qt Quick ListView”