Qt Design Studio versió 1.3

Projecte Qt introduït qüestió Qt Design Studio 1.3, un entorn per al disseny d'interfícies d'usuari i desenvolupament d'aplicacions gràfiques basades en Qt. Qt Design Studio facilita que dissenyadors i desenvolupadors treballin junts per crear prototips de treball d'interfícies complexes i escalables. Els dissenyadors només poden centrar-se en la disposició gràfica del disseny, mentre que els desenvolupadors poden centrar-se en desenvolupar la lògica de l'aplicació mitjançant el codi QML generat automàticament per als dissenys del dissenyador.
Mitjançant el flux de treball que ofereix Qt Design Studio, podeu convertir dissenys preparats a Photoshop o altres editors de gràfics en prototips de treball adequats per executar-se en dispositius reals en qüestió de minuts.

S'ofereix versió comercial и Edició comunitària Qt Design Studio. Versió comercial
ve gratuït, permet la distribució de components d'interfície preparats només als titulars d'una llicència comercial per a Qt.
L'edició comunitària no imposa restriccions d'ús, però no inclou mòduls per importar gràfics de Photoshop i Sketch. L'aplicació és una versió especialitzada de l'entorn Qt Creator, compilada a partir d'un dipòsit comú. La majoria dels canvis específics de Qt Design Studio s'inclouen a la base de codi principal de Qt Creator. Els mòduls d'integració per a Photoshop i Sketch són propietaris.

A la nova versió:

• S'han ampliat les capacitats del mòdul Qt Bridge per a Sketch, que us permet crear components preparats per utilitzar basats en dissenys preparats a Sketch i exportar-los al codi QML. S'ha afegit suport al mòdul anul·lació de caràcters, que us permet enllaçar diferents propietats de text a diferents instàncies de botons i altres components de la interfície (aquestes propietats s'exporten a QML amb propietats anul·lades visibles com a propietats de components). També s'afegeix la possibilitat d'exportar gràfics en format SVG vectorial (abans només s'admetien formats ràster), que es poden escalar en QML.
  

• S'ha canviat el disseny de la interfície per visualitzar les propietats, s'ha canviat a utilitzar Qt Quick Controls 2 i ara es pot personalitzar completament mitjançant temes de disseny. Millora significativa de la usabilitat formularis de comptador (caixa giratòria), que ara admet l'arrossegament del ratolí i la possibilitat d'afegir opcionalment un control lliscant. S'ha afegit suport per a blocs de diverses seccions, que us permet establir les propietats de diversos elements alhora. S'ha afegit un diàleg nou per gestionar els degradats a l'editor de propietats. L'editor de colors s'ha actualitzat per incloure una secció amb colors prèviament seleccionats.
  

• S'ha millorat l'editor d'enquadernació, que ara es basa en un giny d'edició de codi més convenient per a QML;
• S'ha afegit un nou editor de corbes d'animació, que us permet ajustar les corbes d'interpolació per a diversos fotogrames clau en una vista, similar a les eines de control d'animació habituals dels paquets 3D;
  

• També cal destacar que encara no s'ha acabat de treballar en la creació d'un visualitzador QML basat en WebAssembly, que permet crear paquets amb projectes QML per a la Web, amb els quals es pot treballar a través d'un navegador.

Característiques principals de Qt Design Studio:

• Animació de la línia de temps: un editor basat en línies de temps i fotogrames clau que facilita la creació d'animacions sense escriure codi;
• Els recursos desenvolupats pel dissenyador es converteixen en components QML universals que es poden reutilitzar en diferents projectes;
• Qt Live Preview: us permet previsualitzar una aplicació o una interfície d'usuari que s'està desenvolupant directament a l'escriptori, dispositius Android o Boot2Qt. Els canvis realitzats es poden observar immediatament al dispositiu. És possible controlar FPS, carregar fitxers amb traduccions i canviar l'escala dels elements. Això inclou suport per a la previsualització d'elements preparats a l'aplicació en dispositius Qt 3D Studio.
• Possibilitat d'integració amb Qt Safe Renderer: els elements de Safe Renderer es poden assignar a elements de la interfície que s'està desenvolupant.
• Mostra l'editor visual al costat de l'editor i l'editor de codi: pots fer canvis de disseny o editar QML simultàniament;
• Un conjunt de botons, interruptors i altres elements de control preparats i personalitzables;
• Conjunt d'efectes visuals integrat i personalitzable;
• La disposició dinàmica dels elements de la interfície permet adaptar-la a qualsevol pantalla;
• Un editor d'escenes avançat que us permet elaborar elements fins al més mínim detall;
• Mòduls Qt Photoshop Bridge i Qt Sketch Bridge per importar gràfics des de Photoshop i Sketch. Us permet crear components preparats per utilitzar directament a partir de gràfics preparats a Photoshop o Sketch i exportar-los al codi QML. No inclòs a l'edició comunitària.

Font: opennet.ru