En esta página

Ejemplo de previsualizador QML

Demuestra cómo mezclar Qt Quick con una aplicación Qt Widgets utilizando QWidget::createWindowContainer().

Editor de código QML con panel de vista previa en directo

El ejemplo demuestra cómo se pueden incrustar escenas Qt Quick dentro de una aplicación Qt Widgets, y cómo se integran diferentes aspectos de la interfaz de usuario entre Qt Widgets y Qt Quick. Esto incluye

  • Focalización de pestañas entre Qt Widgets y Qt Quick
  • Arrastrar y soltar entre Qt Widgets y Qt Quick
  • Atajos definidos en el archivo QML incrustado.
  • Incrustación de QQuickView en una aplicación QLayout

Ejecución del ejemplo

Para ejecutar el ejemplo desde Qt Creatorabra el modo Welcome y seleccione el ejemplo de Examples. Para más información, consulte Qt Creator: Tutorial: Construir y ejecutar.

Recorrido por la interfaz de usuario

La ventana principal del ejemplo contiene un explorador de archivos en la parte izquierda, que permite seleccionar archivos QML para previsualizarlos. La parte derecha muestra el contenido QML en QQuickWidget. Puede interactuar con el contenido QML, haciendo clic en los botones, introduciendo texto y utilizando los accesos directos definidos en los archivos QML.

El ejemplo también muestra cómo gestionar los eventos de enfoque y entrada entre los componentes Qt Widgets y Qt Quick, garantizando una experiencia de usuario fluida.

Proyecto de ejemplo @ code.qt.io

Véase también QWidget::createWindowContainer().

© 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.