Progetto Qt uscita , ambienti per la progettazione dell'interfaccia utente e per lo sviluppo di applicazioni grafiche basate su Qt. Qt Design Studio semplifica il lavoro di squadra tra designer e sviluppatori nella creazione di prototipi funzionali di interfacce complesse e scalabili. I designer possono concentrarsi solo sul layout grafico, mentre gli sviluppatori possono dedicarsi principalmente allo sviluppo della logica applicativa, utilizzando il codice QML generato automaticamente per i layout dei designer.
Con il flusso di lavoro proposto in Qt Design Studio, è possibile trasformare i mockup preparati in Photoshop o in altri editor grafici in prototipi funzionanti in pochi minuti, pronti per essere eseguiti su dispositivi reali.
Offerto e Qt Design Studio. La versione commerciale
è fornita gratuitamente, consente di distribuire i componenti dell'interfaccia preparati solo ai detentori di una licenza commerciale di Qt.
L'edizione Community non impone limiti all'uso, ma non include moduli per l'importazione di grafica da Photoshop e Sketch. L'applicazione è una variante specializzata dell'ambiente Qt Creator, compilata da un repository comune. La maggior parte delle modifiche specifiche per Qt Design Studio è inclusa nel codice sorgente principale di Qt Creator. I moduli di integrazione con Photoshop e Sketch sono proprietari.
Nel nuovo rilascio:
- Sono state ampliate le funzionalità del modulo , che consente di creare componenti pronti all'uso basati su mockup preparati in Sketch e di esportarli in codice QML. Il modulo ha aggiunto supporto per , che consente di collegare diverse proprietà di testo a diverse istanze di pulsanti e altri componenti dell'interfaccia (queste proprietà vengono esportate in QML con proprietà sovrascrivibili, visibili come proprietà del componente). È stata anche aggiunta la possibilità di esportare grafica in formato vettoriale SVG (in precedenza erano supportati solo formati raster), che può essere scalato in QML.
- L'interfaccia per la visualizzazione delle proprietà è stata rinnovata, ora utilizza Qt Quick Controls 2 ed è completamente personalizzabile tramite temi. È notevolmente migliorata la facilità d'uso con (spin box), per le quali è stata aggiunta la supporto per il drag and drop e la possibilità di aggiungere un cursore opzionale. È stato aggiunto il supporto per blocchi multi-sezionali, che consentono di impostare le proprietà di più elementi contemporaneamente. Un nuovo dialogo per la gestione dei gradienti è stato aggiunto all'editor delle proprietà. L'editor dei colori è stato aggiornato e ora include una sezione con i colori precedentemente selezionati.
- Migliorato l'editor dei binding, ora basato su un widget di editing del codice più conveniente per QML;
- È stato aggiunto un nuovo editor delle curve per l'animazione, che consente di modificare le curve di interpolazione per più fotogrammi chiave in un'unica visualizzazione, simile agli strumenti di gestione dell'animazione nei pacchetti 3D;
- Si segnala inoltre un lavoro ancora in corso per la creazione di un visualizzatore QML basato su WebAssembly, che consente di generare pacchetti con progetti QML per il Web, con cui è possibile interagire tramite il browser.
Principali funzionalità di Qt Design Studio:
- Animazione sulla timeline — un editor basato su timeline e fotogrammi chiave, che consente di creare facilmente animazioni senza scrivere codice;
- Le risorse progettate dal designer vengono trasformate in componenti QML universali, riutilizzabili in vari progetti;
- Qt Live Preview — consente di visualizzare in anteprima l'applicazione o l'interfaccia utente in fase di sviluppo direttamente sul desktop, dispositivi Android o Boot2Qt. Le modifiche apportate possono essere visualizzate immediatamente sul dispositivo. È possibile controllare il FPS, caricare file con traduzioni, modificare la scala degli elementi. Include anche una visualizzazione in anteprima dei dispositivi degli elementi preparati nell'applicazione .
- Possibilità di integrazione con Qt Safe Renderer — gli elementi di Safe Renderer possono essere mappati con gli elementi dell'interfaccia in fase di sviluppo.
- Visualizzazione affiancata dell'editor visivo e dell'editor di codice — è possibile apportare modifiche visive al design o modificare il QML contemporaneamente;
- Set di pulsanti, interruttori e altri controlli pronti e personalizzabili;
- Set integrato e personalizzabile di effetti visivi;
- Layout dinamico degli elementi dell'interfaccia consente di adattarlo a qualsiasi schermo;
- Editor della scena avanzato, che consente di definire con precisione gli elementi;
- Moduli Qt Photoshop Bridge e Qt Sketch Bridge per importare grafiche da Photoshop e Sketch. Consentono di creare componenti pronte all'uso direttamente da grafiche preparate in Photoshop o Sketch e di esportarle in codice QML. Non fanno parte della Community Edition.
Fonte: opennet.ru
