Progetto Qt rilascio , ambienti per la progettazione dell'interfaccia utente e lo sviluppo di applicazioni grafiche basate su Qt. Qt Design Studio semplifica la collaborazione tra designer e sviluppatori nella creazione di prototipi funzionanti di interfacce complesse e scalabili. I designer possono concentrarsi esclusivamente sul layout grafico, mentre gli sviluppatori possono focalizzarsi sulla logica dell'applicazione, utilizzando il codice QML generato automaticamente per i layout dei designer.
Con il flusso di lavoro offerto da Qt Design Studio, è possibile trasformare in pochi minuti i layout realizzati in Photoshop o in altri editor grafici in prototipi funzionanti, pronti per essere eseguiti su dispositivi reali.
Offerta e Qt Design Studio. La versione commerciale
è fornita gratuitamente e consente di distribuire i componenti dell'interfaccia preparati solo a chi possiede una licenza commerciale di Qt.
L'edizione Community non impone restrizioni all'uso, ma non include i moduli per l'importazione di grafica da Photoshop e Sketch. L'applicazione rappresenta una versione specializzata dell'ambiente Qt Creator, compilata da un repository comune. La maggior parte delle modifiche specifiche per Qt Design Studio è incorporata nel codice sorgente principale di Qt Creator. I moduli di integrazione con Photoshop e Sketch sono proprietari.
Nel nuovo rilascio:
- Le funzionalità del modulo , che consente, basandosi sui layout preparati in Sketch, di creare componenti pronti all'uso e di esportarli in codice QML. Il modulo ha aggiunto supporto per , che consente di collegare diverse proprietà testuali a istanze differenti di pulsanti e altri componenti dell'interfaccia (queste proprietà vengono esportate in QML con proprietà sovrascrivibili, visibili come proprietà del componente). È stata inoltre aggiunta la possibilità di esportare grafiche in formato vettoriale SVG (in precedenza erano supportati solo formati raster), che possono essere scalati in QML.
- È stata modificata l'interfaccia per la visualizzazione delle proprietà, che è stata convertita per utilizzare Qt Quick Controls 2 ed è ora completamente personalizzabile tramite temi. È stato significativamente migliorato il comfort d'uso con (spin box), per i quali è stata introdotta la supporto al trascinamento del mouse e la possibilità di aggiungere opzionalmente un cursore. È stata aggiunta la supporto per blocchi multi-sezione, che consentono di impostare le proprietà di più elementi contemporaneamente. È stato introdotto un nuovo dialogo di gestione dei gradienti nell'editor delle proprietà. L'editor dei colori è stato aggiornato e ora include una sezione con i colori precedentemente selezionati.
- È stato migliorato l'editor dei binding, che ora è basato su un widget di editing del codice più intuitivo per QML;
- È stato aggiunto un nuovo editor di curve per l'animazione, che consente di regolare le curve di interpolazione per più fotogrammi chiave in un'unica visualizzazione, simile agli strumenti standard di gestione dell'animazione nei pacchetti 3D;
- È inoltre in fase di sviluppo un visualizzatore QML basato su WebAssembly, che consente di creare pacchetti con progetti QML per il Web, che possono essere utilizzati tramite il browser.
Funzionalità principali di Qt Design Studio:
- Animazione basata su timeline — un editor che utilizza una timeline e keyframe, consentendo di creare facilmente animazioni senza scrivere codice;
- Le risorse progettate diventano componenti QML universali, che possono essere riutilizzati in vari progetti;
- Qt Live Preview — consente di visualizzare l'applicazione o l'interfaccia utente in fase di sviluppo direttamente sul desktop, su dispositivi Android o Boot2Qt. Le modifiche possono essere immediatamente osservate sul dispositivo. È possibile controllare il FPS, caricare file di traduzione, modificare la scala degli elementi. È supportata anche la visualizzazione su dispositivi di elementi preparati all'interno dell'app. .
- Integrazione con Qt Safe Renderer: gli elementi Safe Renderer possono essere associati agli elementi dell'interfaccia in fase di sviluppo.
- Visualizzazione affiancata dell'editor visivo e dell'editor di codice: è possibile apportare modifiche al design in modo visivo o modificare il QML contemporaneamente.
- Set di pulsanti, interruttori e altri controlli pronti all'uso e personalizzabili.
- Set di effetti visivi integrati e personalizzabili.
- Il layout dinamico degli elementi dell'interfaccia consente di adattarlo a qualsiasi schermo.
- Editor della scena avanzato che consente di perfezionare i dettagli degli elementi.
- Moduli Qt Photoshop Bridge e Qt Sketch Bridge per l'importazione di grafiche da Photoshop e Sketch. Consentono di creare componenti pronti all'uso direttamente dalla grafica preparata in Photoshop o Sketch ed esportarli in codice QML. Non inclusi nella versione Community.
Fonte: opennet.ru
