Veröffentlichung der Entwicklungsumgebung Qt Design Studio 1.3

Projekt Qt den Veröffentlichung Qt Design Studio 1.3, Umgebungen zur Gestaltung von Benutzeroberflächen und zur Entwicklung grafischer Anwendungen auf Basis von Qt. Qt Design Studio ermöglicht eine einfache Zusammenarbeit zwischen Designern und Entwicklern bei der Erstellung von Arbeitsprototypen komplexer und skalierbarer Interfaces. Designer können sich ausschließlich auf das grafische Layout konzentrieren, während Entwickler sich auf die Entwicklung der Anwendungslogik konzentrieren, indem sie den automatisch generierten QML-Code aus den Entwürfen nutzen.
Mit dem in Qt Design Studio angebotenen Workflow können Vorlagen, die in Photoshop oder anderen Grafikeditoren erstellt wurden, in nur wenigen Minuten in einsatzbereite Prototypen umgewandelt werden, die auf realen Geräten funktionieren.

Es wird angeboten eine kommerzielle Version und Community-Edition von Qt Design Studio. Die kommerzielle Version
wird kostenlos bereitgestellt und erlaubt die Verteilung der vorbereiteten Interface-Komponenten nur an Inhaber einer kommerziellen Lizenz für Qt.
Die Community-Edition schränkt die Nutzung nicht ein, enthält jedoch keine Module zum Import von Grafiken aus Photoshop und Sketch. Die Anwendung ist eine spezielle Variante der Qt Creator-Umgebung, die aus einem gemeinsamen Repository zusammengebaut wird. Die meisten Änderungen, die spezifisch für Qt Design Studio sind, sind Teil des Hauptkode-Basis von Qt Creator. 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, das es ermöglicht, basierend auf in Sketch vorbereiteten Layouts einsatzbereite Komponenten zu erstellen und diese in QML-Code zu exportieren. Das Modul unterstützt jetzt Symbolübersteuerungen, die es ermöglichen, verschiedene Texteigenschaften an unterschiedliche Instanzen von Schaltflächen und anderen UI-Komponenten zu binden (diese Eigenschaften werden in QML mit übersteuerbaren Eigenschaften exportiert, die als Eigenschaften der Komponente sichtbar sind). Außerdem wurde die Möglichkeit hinzugefügt, Grafiken im Vektorformat SVG 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, um Qt Quick Controls 2 zu verwenden und ist jetzt vollständig anpassbar über Themen. Die Benutzerfreundlichkeit bei der Arbeit mit Zählerformularen wurde erheblich verbessert. (Spin-Box) für die Unterstützung von Drag-and-Drop und die optionale Hinzufügung eines Schiebereglers. Unterstützung für mehrere Blocksegmente wurde hinzugefügt, um die Eigenschaften mehrerer Elemente gleichzeitig festzulegen. Ein neuer Dialog zur Steuerung von Farbverlaufs wurde im Eigenschaften-Editor hinzugefügt. Der Farb-Editor wurde aktualisiert, und es gibt jetzt einen Abschnitt mit zuvor ausgewählten Farben.
  
• Der Bindungs-Editor wurde verbessert und basiert jetzt auf einem benutzerfreundlicheren Code-Editing-Widget für QML.
• Ein neuer Kurven-Editor für Animationen wurde hinzugefügt, der es ermöglicht, in einer einzigen Ansicht die Interpolationskurven für mehrere Schlüsselbilder zu bearbeiten, ähnlich den bekannten Animationswerkzeugen aus 3D-Paketen.
  
• Es wird auch an einem 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.

Die Hauptfunktionen von Qt Design Studio:

• Animierung auf einer Zeitachse – ein Editor basierend auf einer Zeitachse und Schlüsselbildern, der es ermöglicht, Animationen einfach zu erstellen, ohne Code schreiben zu müssen;
• Vom Designer entwickelte Ressourcen werden in universelle QML-Komponenten umgewandelt, die in verschiedenen Projekten wiederverwendet werden können;
• Qt Live Preview — ermöglicht die Vorschau auf die Anwendung oder das entwickelte Benutzerinterface direkt auf dem Desktop, Android-Geräten oder Boot2Qt. Änderungen sind sofort auf dem Gerät sichtbar. Es besteht die Möglichkeit, die FPS zu kontrollieren, Übersetzungsdateien hochzuladen und die Größe von Elementen anzupassen. Außerdem wird die Vorschau auf den Elementen vorbereitet, die in der Anwendung erstellt wurden, unterstützt. Qt 3D Studio.
• Integration mit Qt Safe Renderer — Safe Renderer Elemente können mit den Elementen des entwickelten Interfaces abgeglichen werden.
• Die gleichzeitige Anzeige des visuellen Editors und des Code-Editors — es ist möglich, visuelle Änderungen am Design vorzunehmen oder QML zu bearbeiten;
• Eine Sammlung von vorgefertigten und anpassbaren Tasten, Schaltern und anderen Steuerelementen;
• Integrierte und anpassbare Sammlung von visuellen Effekten;
• Dynamische Anordnung der Interface-Elemente passt es an alle Bildschirmgrößen an;
• Erweiterter Szeneneditor, der es ermöglicht, die Elemente bis ins Detail zu bearbeiten;
• Die Qt Photoshop Bridge und die Qt Sketch Bridge ermöglichen den Import von Grafiken aus Photoshop und Sketch. Sie erlauben es, gebrauchsfertige Komponenten direkt aus in Photoshop oder Sketch vorbereiteten Grafiken zu erstellen und diese in QML-Code zu exportieren. Diese Funktionen sind nicht im Community-Release enthalten.

Quelle: opennet.ru