Die Veröffentlichung der Entwicklungsumgebung Qt Design Studio 1.3

Qt-Projekt vor Release Qt Design Studio 1.3, Entwicklungsumgebungen für die Gestaltung von Benutzeroberflächen und die Entwicklung grafischer Anwendungen auf der Basis von Qt. Qt Design Studio ermöglicht eine vereinfachte Zusammenarbeit von Designern und Entwicklern bei der Erstellung arbeitsfähiger Prototypen komplexer und skalierbarer Schnittstellen. Designer können sich ausschließlich auf das grafische Layout konzentrieren, während Entwickler ihre ganze Aufmerksamkeit der Entwicklung der Anwendungslogik widmen können, indem sie den automatisch für die Layouts des Designers generierten QML-Code verwenden.
Mit dem in Qt Design Studio angebotenen Arbeitsablauf lassen sich innerhalb weniger Minuten in Photoshop oder anderen Grafikeditoren vorbereitete Layouts in funktionsfähige Prototypen verwandeln, die auf echten Geräten ausgeführt werden können.

Angeboten wird eine kommerzielle Version und Community-Edition Qt Design Studio. Die kommerzielle Version
wird kostenlos bereitgestellt, erlaubt jedoch die Verbreitung der vorbereiteten Benutzeroberflächenkomponenten nur an Inhaber einer kommerziellen Lizenz für Qt.
Die Community-Edition hat keine Einschränkungen bei der Nutzung, enthält jedoch keine Module zum Import von Grafiken aus Photoshop und Sketch. Die Anwendung ist eine spezialisierte Version der Qt Creator-Umgebung, die aus dem gemeinsamen Repository erstellt wird. Der Großteil der spezifischen Änderungen von Qt Design Studio ist in den Hauptcode von Qt Creator integriert. Die Integrationsmodule für Photoshop und Sketch sind proprietär.

In der neuen Version:

• Die Möglichkeiten des Moduls wurden erweitert Qt Bridge for Sketch, die es ermöglicht, auf der Grundlage von in Sketch vorbereiteten Layouts einsatzbereite Komponenten zu erstellen und diese in QML-Code zu exportieren. Das Modul unterstützt Symbol-Überschreibungen, die es ermöglichen, verschiedene Texteigenschaften an unterschiedliche Instanzen von Schaltflächen und anderen Benutzeroberflächenkomponenten zu binden (diese Eigenschaften werden in QML mit überschreibbaren Eigenschaften exportiert, die als Eigenschaften der Komponente sichtbar sind). Außerdem besteht die Möglichkeit, Grafiken im Vektorformat SVG zu exportieren (früher wurden nur Rasterformate unterstützt), die in QML skalierbar sind.
  
• Das Design der Eigenschaftenansicht wurde geändert, das jetzt Qt Quick Controls 2 verwendet und vollständig über Designvorlagen anpassbar ist. Die Benutzerfreundlichkeit bei der Bearbeitung von Zählerfeldern wurde erheblich verbessert, für die Unterstützung für Drag-and-Drop mit der Maus und die optionale Hinzufügung eines Schiebereglers eingeführt wurde. Unterstützung für mehrsektorale Blöcke, die es ermöglichen, Eigenschaften mehrerer Elemente gleichzeitig zu setzen, wurde hinzugefügt. Ein neuer Dialog zur Steuerung von Farbverläufen wurde dem Eigenschaften-Editor hinzugefügt. Der Farbeditor wurde aktualisiert und verfügt jetzt über einen Abschnitt mit zuvor ausgewählten Farben.
  
• Der Bindungseditor wurde verbessert, der nun auf einem benutzerfreundlicheren Code-Editor-Widget für QML basiert;
• Ein neuer Kurveneditor für Animationen wurde hinzugefügt, der es ermöglicht, in einer einzigen Ansicht die Interpolationskurven für mehrere Schlüsselbilder ähnlich den gewohnten Animationswerkzeugen aus 3D-Paketen zu bearbeiten.
  
• Es wird auch an einem noch nicht abgeschlossenen QML-Viewer auf Basis von WebAssembly gearbeitet, der es ermöglicht, Pakete mit QML-Projekten für das Web zu erstellen, die über einen Browser bearbeitet werden können.

Hauptfunktionen von Qt Design Studio:

• Zeitachsenanimation – ein zeitachsenbasierter Editor mit Schlüsselbildern, der es ermöglicht, Animationen einfach ohne Code zu erstellen;
• Vom Designer erstellte Ressourcen werden in universelle QML-Komponenten umgewandelt, die in verschiedenen Projekten wiederverwendet werden können;
• Qt Live Preview – ermöglicht die Vorschau der Anwendung oder der entstehenden Benutzeroberfläche direkt auf dem Desktop, Android-Geräten oder Boot2Qt. Änderungen können sofort auf dem Gerät betrachtet werden. Es gibt die Möglichkeit, FPS zu steuern, Übersetzungsdateien hochzuladen und die Skalierung der Elemente zu ändern. Auch eine Vorschau auf die Elemente, die im Anwendungsprogramm vorbereitet wurden, wird unterstützt. Qt 3D Studio.
• Integrationsmöglichkeiten mit Qt Safe Renderer – Elemente des Safe Renderers können mit den Elementen der zu entwickelnden Benutzeroberfläche synchronisiert werden.
• Gleichzeitige Anzeige des visuellen Editors und des Code-Editors – Änderungen am Design können gleichzeitig visuell vorgenommen oder QML bearbeitet werden;
• Eine Sammlung vorgefertigter und anpassbarer Schaltflächen, Schalter und anderer Steuerelemente;
• Integrierte und anpassbare Sammlung visueller Effekte;
• Dynamische Anordnung der Benutzeroberflächenelemente ermöglicht die Anpassung an alle Bildschirme;
• Erweiterter Szenen-Editor, der es ermöglicht, die Elemente bis ins kleinste Detail auszuarbeiten;
• Module Qt Photoshop Bridge und Qt Sketch Bridge zum Import von Grafiken aus Photoshop und Sketch. Sie ermöglichen die Erstellung einsatzbereiter Komponenten direkt aus Grafiken, die in Photoshop oder Sketch vorbereitet wurden, und deren Export in QML-Code. Sie sind nicht Bestandteil der Community-Edition.

Quelle: opennet.ru