Primeros pasos con las aplicaciones Qt Quick
QML es un lenguaje declarativo que permite describir interfaces de usuario en términos de sus componentes visuales y de cómo interactúan y se relacionan entre sí. Se trata de un lenguaje muy legible diseñado para permitir la interconexión dinámica de componentes, así como su fácil reutilización y personalización dentro de una interfaz de usuario. Usando el módulo QtQuick, los diseñadores y desarrolladores pueden construir fácilmente interfaces de usuario animadas y fluidas en QML, y tienen la opción de conectar estas interfaces de usuario a cualquier librería back-end C++.
Cursos de Qt Academy
Se recomiendan los siguientes cursos de Qt Academy para iniciarse en QML y Qt Quick.
Cursos básicos
- QML para principiantes
- Introducción a QML
- Introducción a Qt Quick
- Introducción a Qt Quick Controls
- Creación de una aplicación sencilla Qt Quick
Cursos intermedios
- Tablero QML: Interfaz principal
- Panel QML: Bandeja de entrada
- Panel QML: Calendario
- Panel QML: Cursos
¿Qué es QML?
QML es un lenguaje de programación y especificación de interfaces de usuario. Permite tanto a desarrolladores como a diseñadores crear aplicaciones de alto rendimiento, con animaciones fluidas y visualmente atractivas. QML ofrece una sintaxis altamente legible, declarativa y similar a JSON, compatible con expresiones JavaScript imperativas combinadas con enlaces de propiedades dinámicas.
import QtQuick import QtQuick.Controls ApplicationWindow { width: 400 height: 400 visible: true Button { id: button text: "A Special Button" background: Rectangle { implicitWidth: 100 implicitHeight: 40 color: button.down ? "#d6d6d6" : "#f6f6f6" border.color: "#26282a" border.width: 1 radius: 4 } } }
El lenguaje QML y la infraestructura del motor se proporcionan mediante el módulo Qt Qml . Para obtener información detallada sobre el lenguaje QML, consulte la documentación del módulo Qt Qml documentación del módulo.
Las siguientes páginas contienen más información sobre QML:
- Qt Creator: Crear aplicaciones Qt Quick
- Primeros pasos con QML - comience a utilizar QML con estos ejemplos
- Glosario de términos QML
- La Referencia QML - referencia sobre las construcciones y características de QML
- Convenciones de codificación de QML
- Todas las API de QML por módulo
¿Qué es Qt Quick?
Qt Quick es la biblioteca estándar de tipos y funcionalidades para QML. Incluye tipos visuales, tipos interactivos, animaciones, modelos y vistas, efectos de partículas y efectos de sombreado. Un desarrollador de aplicaciones QML puede acceder a toda esa funcionalidad con una sola sentencia import.
La biblioteca QML QtQuick se proporciona mediante el módulo Qt Quick . Para obtener información detallada sobre los distintos tipos QML y otras funciones de Qt Quick, consulte la documentación del módulo. Qt QuickQt Quick añade tipos visuales, tipos de animación y otros tipos QML además de los tipos QML estándar de Qt Qml.
- Tipos visuales
- Posicionadores y diseños
- Manejo de la entrada del usuario
- Visualización de texto
- Animaciones
- Integración de JavaScript en QML
Botones, menús y otros controles
Para un conjunto de controles de interfaz de usuario, el módulo Qt Quick Controls implementa varios controles como botones, menús y vistas. Estos controles vienen con varios estilos incorporados que se pueden utilizar, y también admiten la creación de estilos personalizados.
Qt Quick Desarrollo de aplicaciones
Qt Creator tiene soporte incorporado para crear aplicaciones Qt Quick. Qt VS Tools y Qt Extension for VS Code también permiten crear aplicaciones Qt Quick con Visual Studio y Visual Studio Code. QML Language Server puede utilizarse desde cualquier IDE que soporte el protocolo de servidor de lenguajes.
Para un flujo de trabajo centrado en el diseño, utilice Qt Design Studio.
Para más información sobre la creación de aplicaciones Qt Quick, visite las siguientes páginas:
Ejemplos de código y demos
Para aprender más sobre los usos del código QML, hay varios ejemplos de código que muestran cómo se utilizan los tipos QML. Además, hay varias demos que muestran cómo se utiliza el código QML en las aplicaciones.
- Getting Started programming with Qt Quick: An Alarm Application - un tutorial que muestra la creación de una sencilla aplicación de alarma.
- Qt Quick Ejemplos y tutoriales
Temas avanzados de desarrollo de aplicaciones
- Visión general - Integración de QML y C
- Despliegue de aplicaciones QML
- Qt Quick Compilador
- Mejores prácticas para QML y Qt Quick
- Consideraciones y sugerencias sobre rendimiento
- Internacionalización y localización
- Pruebas y depuración
Temas relacionados
© 2026 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.