Qt Project release , a platform for designing user interfaces and developing graphical applications based on Qt. Qt Design Studio simplifies collaboration between designers and developers in creating working prototypes of complex and scalable interfaces. Designers can focus solely on the visual layout, while developers can concentrate on the application logic, utilizing the automatically generated QML code designed for the layouts.
With the workflow offered in Qt Design Studio, you can transform mockups created in Photoshop or other graphic editors into functional prototypes suitable for deployment on real devices in just a few minutes.
Available and Qt Design Studio. The commercial version
is provided free of charge and allows distributing prepared interface components only to holders of a commercial license for Qt.
The Community edition does not impose usage restrictions but does not include modules for importing graphics from Photoshop and Sketch. The application is a specialized variant of the Qt Creator environment, built from a common repository. Most of the Qt Design Studio-specific changes are included in the main codebase of Qt Creator. The integration modules for Photoshop and Sketch are proprietary.
In the new release:
- The capabilities of the module , which allows creating ready-to-use components based on mockups prepared in Sketch and exporting them to QML code. The module has been enhanced with support for , allowing different text properties to be bound to different instances of buttons and other interface components (these properties are exported to QML as overridable properties visible as component properties). The ability to export graphics in SVG vector format has also been added (previously, only raster formats were supported), which can be scaled in QML.
- The interface for viewing properties has been redesigned to use Qt Quick Controls 2 and is now fully customizable via themes. The usability of has significantly improved, now supporting mouse dragging and the optional addition of sliders. Support for multi-section blocks has been added, allowing properties of multiple elements to be set at once. A new gradient management dialog has been added to the properties editor. The color editor has been updated to include a section with previously selected colors.
- The binding editor has been improved, now based on a more convenient editing widget for QML;
- A new curve editor for animation has been added, allowing users to adjust interpolation curves for multiple keyframes in a single view, similar to familiar animation control tools found in 3D software packages.
- Additionally, ongoing work is noted on the development of a QML viewer based on WebAssembly, enabling the creation of packages with QML projects for the web, which can be interacted with through a browser.
Key features of Qt Design Studio:
- Timeline animation — a timeline and keyframe-based editor that makes it easy to create animations without writing code;
- Designer-created resources are transformed into universal QML components that can be reused across various projects;
- Qt Live Preview — allows you to preview the application or user interface being developed directly on the desktop, Android devices, or Boot2Qt. Changes can be immediately observed on the device. There is a possibility to control FPS, upload translation files, and adjust the scale of elements. Previewing on element devices prepared in the application is also supported. .
- The ability to integrate with Qt Safe Renderer — Safe Renderer elements can be matched with the elements of the developing interface.
- Side-by-side display of the visual editor and code editor — you can visually make changes in design or edit QML simultaneously;
- A set of ready-made and customizable buttons, switches, and other control elements;
- Built-in and customizable set of visual effects;
- Dynamic layout of interface elements allows adapting it for any screens;
- Advanced scene editor that allows for detailed refinement of elements;
- Qt Photoshop Bridge and Qt Sketch Bridge modules for importing graphics from Photoshop and Sketch. They enable the creation of ready-to-use components directly from graphics prepared in Photoshop or Sketch and exporting them to QML code. Not included in the Community edition.
Source: opennet.ru
