Programación Gráfica en C++: Crear Tabla de Elementos con Qt Quick GridView

Aquí un ejemplo básico de cómo crear un GridView que muestra una cuadrícula de elementos:

import QtQuick
import QtQuick.Controls

ApplicationWindow {
    visible: true
    width: 400
    height: 300
    title: "Ejemplo de GridView"

    GridView {
        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" }
            ListElement { name: "Elemento 6" }
        }

        delegate: Item {
            width: 100
            height: 100

            Rectangle {
                width: parent.width
                height: parent.height
                color: GridView.isCurrentItem ? "lightblue" : "white"

                Text {
                    anchors.centerIn: parent
                    text: model.name
                }
            }
        }
    }
}

En este ejemplo, hemos creado un GridView que muestra una cuadrícula de elementos. Al igual que en el ejemplo del ListView, hemos utilizado un ListModel para proporcionar los elementos de la cuadrícula y definido un delegate para personalizar la apariencia de cada elemento.

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 (GridView.isCurrentItem) para resaltar el elemento seleccionado.

One thought on “Programación Gráfica en C++: Crear Tabla de Elementos con Qt Quick GridView

Deja un comentario