Veröffentlichung der Entwicklungsumgebung Qt Design Studio 1.3

Qt-Projekt eingeführt Ausgabe Qt-Design-Studio 1.3, eine Umgebung für das Design von Benutzeroberflächen und die Entwicklung grafischer Anwendungen auf Basis von Qt. Mit Qt Design Studio können Designer und Entwickler problemlos zusammenarbeiten, um funktionierende Prototypen komplexer und skalierbarer Schnittstellen zu erstellen. Designer können sich nur auf das grafische Layout des Designs konzentrieren, während Entwickler sich auf die Entwicklung der Logik der Anwendung mithilfe von QML-Code konzentrieren können, der automatisch für die Layouts des Designers generiert wird.
Mit dem in Qt Design Studio angebotenen Workflow können Sie in Photoshop oder anderen Grafikeditoren erstellte Layouts in wenigen Minuten in funktionierende Prototypen umwandeln, die für die Ausführung auf echten Geräten geeignet sind.

Angeboten wird kommerzielle Version и Gemeinschaftsausgabe Qt Design Studio. Kommerzielle Version
ist kostenlos und erlaubt die Verteilung vorbereiteter Schnittstellenkomponenten nur an Inhaber einer kommerziellen Lizenz für Qt.
Die Community Edition unterliegt keinen Nutzungsbeschränkungen, enthält jedoch keine Module zum Importieren von Grafiken aus Photoshop und Sketch. Die Anwendung ist eine spezielle Version der Qt Creator-Umgebung, die aus einem gemeinsamen Repository kompiliert wird. Die meisten Qt Design Studio-spezifischen Änderungen sind in der Hauptcodebasis von Qt Creator enthalten. Integrationsmodule für Photoshop und Sketch sind proprietär.

In der neuen Version:

• Modulfunktionen erweitert Qt-Brücke für Sketch, mit dem Sie gebrauchsfertige Komponenten basierend auf in Sketch erstellten Layouts erstellen und in QML-Code exportieren können. Unterstützung für das Modul hinzugefügt Zeichen überschreibt, wodurch Sie verschiedene Texteigenschaften an verschiedene Instanzen von Schaltflächen und anderen Schnittstellenkomponenten binden können (diese Eigenschaften werden nach QML exportiert, wobei überschriebene Eigenschaften als Komponenteneigenschaften sichtbar sind). Außerdem wurde die Möglichkeit hinzugefügt, Grafiken im Vektor-SVG-Format zu exportieren (zuvor wurden nur Rasterformate unterstützt), die in QML skaliert werden können.
  

• Das Design der Benutzeroberfläche zum Anzeigen von Eigenschaften wurde geändert, sie wurde auf die Verwendung von Qt Quick Controls 2 umgestellt und ist nun vollständig über Designthemen anpassbar. Deutlich verbesserte Benutzerfreundlichkeit Gegenformen (Drehfeld), das jetzt das Ziehen mit der Maus und die Möglichkeit unterstützt, optional einen Schieberegler hinzuzufügen. Unterstützung für Blöcke mit mehreren Abschnitten hinzugefügt, sodass Sie die Eigenschaften mehrerer Elemente gleichzeitig festlegen können. Dem Eigenschafteneditor wurde ein neuer Dialog zur Verwaltung von Farbverläufen hinzugefügt. Der Farbeditor wurde aktualisiert und enthält nun einen Abschnitt mit zuvor ausgewählten Farben.
  

• Der Bindungseditor wurde verbessert und basiert nun auf einem komfortableren Codebearbeitungs-Widget für QML.
• Es wurde ein neuer Animationskurveneditor hinzugefügt, mit dem Sie Interpolationskurven für mehrere Schlüsselbilder in einer Ansicht anpassen können, ähnlich wie bei den üblichen Animationssteuerungstools aus 3D-Paketen;
  

• Es wird auch darauf hingewiesen, dass die Arbeit an der Erstellung eines QML-Viewers auf Basis von WebAssembly noch nicht abgeschlossen ist, der es Ihnen ermöglicht, Pakete mit QML-Projekten für das Web zu erstellen, mit denen über einen Browser gearbeitet werden kann.

Hauptmerkmale von Qt Design Studio:

• Timeline-Animation – Ein Timeline- und Keyframe-basierter Editor, mit dem sich ganz einfach Animationen erstellen lassen, ohne Code schreiben zu müssen;
• Die vom Designer entwickelten Ressourcen werden in universelle QML-Komponenten umgewandelt, die in verschiedenen Projekten wiederverwendet werden können;
• Qt Live Preview – ermöglicht Ihnen die Vorschau einer Anwendung oder Benutzeroberfläche, die direkt auf dem Desktop, Android oder Boot2Qt-Geräten entwickelt wird. Vorgenommene Änderungen sind sofort am Gerät erkennbar. Es ist möglich, FPS zu steuern, Dateien mit Übersetzungen hochzuladen und den Maßstab von Elementen zu ändern. Dazu gehört auch die Unterstützung für die Vorschau von in der Anwendung vorbereiteten Elementen auf Geräten Qt 3D Studio.
• Möglichkeit der Integration mit Qt Safe Renderer – Safe Renderer-Elemente können Elementen der zu entwickelnden Schnittstelle zugeordnet werden.
• Zeigen Sie den visuellen Editor und den Code-Editor nebeneinander an – Sie können gleichzeitig Designänderungen visuell vornehmen oder QML bearbeiten;
• Ein Satz vorgefertigter und anpassbarer Tasten, Schalter und anderer Bedienelemente;
• Integrierter und anpassbarer Satz visueller Effekte;
• Das dynamische Layout der Schnittstellenelemente ermöglicht die Anpassung an jeden Bildschirm.
• Ein erweiterter Szeneneditor, mit dem Sie Elemente bis ins kleinste Detail ausarbeiten können;
• Qt Photoshop Bridge- und Qt Sketch Bridge-Module zum Importieren von Grafiken aus Photoshop und Sketch. Ermöglicht die Erstellung gebrauchsfertiger Komponenten direkt aus in Photoshop oder Sketch erstellten Grafiken und deren Export in QML-Code. Sie sind nicht in der Community Edition enthalten.

Source: opennet.ru