Exporting Components

Components contained in UI files (.ui.qml) can be exported to JSON metadata format and PNG assets.

To export the UI files from the current project, select Build > Export Components.

The primary use of exported metadata and assets is to generate native file formats in content creation tools, such as Adobe Photoshop, using Qt Bridge. Qt Bridge for Adobe Photoshop can generate PSD files by importing the metadata and assets.

Components are exported as follows:

  • Components (QML types) inherited from Item are exported, other components are ignored.
  • Text components are exported as metadata only and no assets are generated.
  • Rectangle and Image components generate assets as PNG files.

Configuring QML Export

You can configure the export in the Export Components dialog, which lists the UI files (.ui.qml) of the current project.

"Export Components dialog"

  1. In the Export path field, specify the path where the metadata file and assets are exported.
  2. Deselect the Export assets check box to disable exporting assets and only generate the metadata file.
  3. Select the Export components separately check box to generate separate metadata files for each component.
  4. In the file list, select the .ui.qml files to be exported.
  5. Select Export export to start the export process.

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