Qt Project issue , an environment for designing user interfaces and developing graphical applications based on Qt. Qt Design Studio makes it easy for designers and developers to work together to create working prototypes of complex and scalable interfaces. Designers can focus only on the graphic design layout, while developers can focus on developing the application logic using the automatically generated QML code for designer layouts.
Using the workflow offered in Qt Design Studio, you can turn layouts prepared in Photoshop or other graphic editors into working prototypes suitable for launching on real devices in a matter of minutes.
Offered ΠΈ Qt Design Studio. Commercial version
supplied free of charge, allows distribution of prepared interface components only to holders of a commercial license for Qt.
The community edition does not impose restrictions on use, but does not include modules for importing graphics from Photoshop and Sketch. The application is a specialized version of the Qt Creator environment, built from a shared repository. Most of the Qt Design Studio-specific changes are included in the core Qt Creator codebase. Photoshop and Sketch integration modules are proprietary.
In the new release:
- Extended module capabilities , which allows you to create ready-to-use components based on layouts prepared in Sketch and export them to QML code. Added support for the module , which allows you to bind different text properties to different instances of buttons and other interface components (these properties are exported to QML with overridden properties visible as component properties). Also added is the ability to export graphics in vector SVG format (previously only raster formats were supported), which can be scaled in QML.
- The design of the interface for viewing properties has been changed, which has been translated to use Qt Quick Controls 2 and is now fully customizable through themes. Significantly improved usability (spin box), for which there is support for dragging with the mouse and the ability to optionally add a slider. Added support for multi-section blocks, allowing you to set the properties of several elements at a time. A new gradient control dialog has been added to the property editor. the color editor has been updated, in which a section with previously selected colors has appeared.
- Improved the binding editor, which is now based on a more convenient code editing widget for QML;
- A new animation curve editor has been added that allows you to adjust interpolation curves for several keyframes in one view, similar to the usual animation control tools from 3D packages;
- Also noted is the work not yet completed on the creation of a QML viewer based on WebAssembly, which allows you to generate packages with QML projects for the Web that you can work with through a browser.
Main features of Qt Design Studio:
- Timeline Animation - An editor based on timeline and keyframes that allows you to easily create animation without writing code;
- The resources developed by the designer are turned into universal QML components that can be reused in various projects;
- Qt Live Preview - allows you to preview an application or user interface being developed directly on the desktop, Android devices, or Boot2Qt. The changes you make can be immediately observed on the device. It is possible to control FPS, upload files with translations, change the scale of elements. Including supported preview on devices of elements prepared in the application .
- Ability to integrate with Qt Safe Renderer - Safe Renderer elements can be mapped to elements of the developed interface.
- Display side-by-side visual editor and code editor - you can visually make changes to the design or edit QML at the same time;
- A set of ready-made and customizable buttons, switches and other controls;
- Built-in and customizable set of visual effects;
- Dynamic layout of interface elements allows you to adapt it to any screen;
- An advanced scene editor that allows you to work out the elements to the smallest detail;
- Qt Photoshop Bridge and Qt Sketch Bridge modules for importing graphics from Photoshop and Sketch. Allows you to create ready-to-use components directly from graphics prepared in Photoshop or Sketch and export them to QML code. Not included in the Community edition.
Source: opennet.ru