Qt Quick Ejemplos y tutoriales
Qt incluye varios ejemplos para demostrar un uso particular. Los ejemplos se ejecutan como aplicaciones o como ejemplos no GUI en Qt Creator. Los tutoriales de Qt muestran la información paso a paso y ofrecen información sobre fragmentos de código concretos.
En esta página se enumeran los Qt Qml y Qt Quick sin embargo, muchos otros módulos Qt contienen ejemplos relacionados con su API QML.
Ejecutar los ejemplos y demos
Los ejemplos se empaquetan con los instaladores de Qt y se accede a ellos a través de Qt Creator. Para más información sobre la ejecución de ejemplos en Qt Creator, consulte Qt Creator: Tutorial: Construir y ejecutar.
Abra y ejecute los ejemplos en el modo Qt Creator Welcome . La mayoría de los ejemplos se ejecutan en varias plataformas y, para buscar ejemplos específicos de una plataforma, escriba el nombre de la plataforma (o cualquier palabra clave) en el campo de búsqueda. Por ejemplo, si escribes mobile en el campo de búsqueda, aparecerán los ejemplos totalmente compatibles con las plataformas móviles.
Para ver otros ejemplos y tutoriales, visita la página de ejemplos y tutoriales de Qt.
Qt Quick Demostraciones
Aquí tienes una lista de aplicaciones de demostración totalmente funcionales. Son aplicaciones completas que muestran cómo se construye y estructura una aplicación Qt desplegable. Muchas de las demos pueden desplegarse en plataformas móviles y de escritorio.
Una calculadora diseñada para dispositivos apaisados y verticales. Utiliza componentes personalizados de Qt Quick y diseños adaptables para la interfaz de usuario, y JavaScript para la lógica de la aplicación. | |
Un ejemplo de modelo de coche que demuestra el uso de las cámaras 3D de Qt Quick, el entorno de escena ampliado y Qt Quick 3D. | |
Una aplicación Qt Quick con una interfaz de usuario personalizada basada en estados. | |
Una aplicación de lanzamiento de dados utilizando Qt Quick 3D Physics y otros módulos Qt. | |
Demuestra las capacidades de materiales y efectos de Qt Quick 3D. Este ejemplo demuestra cómo puede utilizar efectos de partículas y materiales en Qt Quick 3D | |
Cómo visualizar datos de un archivo CSV en Qt Graphs | |
Una aplicación con una interfaz de usuario sensible que muestra los rayos en un mapa en tiempo real mediante la combinación de Qt Quick, Qt Location, Qt Positioning y Qt WebSockets | |
Un visor 3D de datos cartográficos de edificios de OSM (OpenStreetMap) | |
Una aplicación QML para dispositivos táctiles que utiliza un Repeater con un FolderListModel para acceder al contenido de una carpeta, y un PinchHandler para manejar gestos de pellizco en el contenido obtenido. | |
Demuestra cómo hacer locomoción afectada por la física en Qt Quick 3D XR | |
Una aplicación de reloj QML que demuestra el uso de un tipo ListView para mostrar datos generados por un ListModel y un tipo SpringAnimation para animar imágenes. | |
Ejemplo de cómo crear un cliente QML de API RESTful | |
Un lector de noticias RSS QML que utiliza tipos QML personalizados XmlListModel y XmlListModelRole para descargar datos XML, ListModel y ListElement para crear una lista de categorías y ListView para mostrar los datos. | |
QtJenny: Generating C++ proxy classes to access Android APIs | Demostración del uso de QtJenny |
Demuestra cómo añadir un backend C++ a un proyecto 3D de Qt Design Studio | |
Una implementación QML del popular juego de puzzle de Kuniaki Moribe | |
Un gráfico bursátil configurable para 100 valores | |
Un ejemplo de termostato demuestra cómo implementar diferentes diseños dependiendo del tamaño de la ventana | |
Una implementación QML de una aplicación de lista de tareas que demuestra cómo crear una aplicación que parezca nativa en cualquier plataforma | |
Un ejemplo de personalización 3D que demuestra la selección interactiva de juguetes y los ajustes de apariencia en tiempo real utilizando Qt Quick 3D |
Desarrollo de aplicaciones Qt Quick
Las siguientes páginas muestran cómo desarrollar aplicaciones Qt utilizando Qt Creator y Qt Quick. Las páginas muestran varios pasos como casos de uso y material introductorio. Para más información sobre Qt Quick Aplicaciones y módulos relacionados, visite la página Aplicaciones QML.
Entorno de desarrollo
Comenzando con QML y Qt Quick
Ampliación de QML
Los siguientes tutoriales muestran cómo una aplicación basada en QML puede combinarse y ampliarse con código C++ utilizando el módulo Qt Qml módulo.
Ejemplos
Los ejemplos son pequeñas aplicaciones que muestran cómo implementar diversas funciones de Qt Quick. Los ejemplos se ejecutan en varias plataformas y se abren desde Qt Creator.
Tipos y controles QML
Diseños y Vistas
Imagen y Gráficos
Formas
Teclado, enfoque y tacto
Sistema y eventos
Gráfico de escena
- Material personalizado
- Renderizado 3D portátil basado en QRhi como subyacente de la escena
- Visualización de una imagen renderizada con QRhi en un QQuickItem
- Implementación de un QSGRenderNode basado en QRhi
- Redirigir el renderizado de Qt Quick a una QRhiTexture
- Proveedores de texturas y materiales
- Geometría personalizada
- Gráfico
Ampliación del gráfico de escena mediante API 3D nativas
- Renderizado 3D basado en Vulkan como una escena subyacente
- Implementación de un QQuickItem personalizado que muestra una imagen nativa de Vulkan
- Renderizado 3D basado en Metal como subyacente de la escena
- Implementación de un QQuickItem personalizado que muestre una textura Metal nativa
- Renderizado basado en Direct3D 11 como escena subyacente
- Renderizado basado en OpenGL como escena subyacente
- Redirigir el renderizado de Qt Quick a una textura OpenGL
- Redirigir el renderizado de Qt Quick a una textura Direct 3D
Añadir escenas Qt Quick en aplicaciones QWidget
© 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.
