Previewing UIs

To preview the currently active QML file on the desktop:

  • Select Build > QML Preview.
  • Select the (Show Live Preview) button.
  • Press Alt+P.

To preview any QML file that belongs to the project, right-click the project name in the Project tab in the Navigator, and select Preview file.

To preview the whole UI, select Show Live Preview when viewing the main QML UI file of the project.

To view the UI in different sizes, select the zooming level on the toolbar.

The frames-per-second (FPS) refresh rate of animations is displayed in the FPS field.

Selecting the Preview Tool

By default, the qmlscene utility is used for previewing. To use some other tool, specify it in the QML viewer field in the run settings of the project in the Projects mode.

"Run settings"

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