A primeira versão do Qt Design Studio 1.0 foi publicada recentemente, que é uma ferramenta que se destina para projetar ambientes e interfaces de usuário e desenvolver aplicativos gráficos baseados em Qt.
O Qt Design Studio permite simplificar a colaboração de designers e desenvolvedores para criar protótipos funcionais de interfaces complexas e escaláveis.
Os designers podem se concentrar apenas no design gráfico, enquanto os desenvolvedores podem se concentrar no desenvolvimento da lógica do aplicativo, usando o código QML gerado automaticamente para os designs do designer.
Sobre o QT Design Studio 1.0
Qt Design Studio é uma ferramenta usada por designers e desenvolvedores e torna a colaboração entre os dois muito mais simples e simplificada.
Qt DesignStudio 1.0 vem com Qt photoshop bridge que permite aos usuários importar seus designs gráficos do photoshop.
Usuários também pode criar componentes reutilizáveis diretamente através do Photoshop, Além disso, também podemos descobrir que exportar diretamente para tipos específicos de QML é permitido.
Isso funciona para os tipos internos padrão e personalizados.
Além disso, O Qt photoshop Bridge vem com um diálogo de importação aprimoradobem como recursos básicos de fusão.
Com o Qt Photoshop Bridge, modelos gráficos podem ser criados e importados diretamente para o Qt Design Studio.
Para isto, designers têm um novo filtro de importação, bem como funções elementares para juntar elementos.
Com a ajuda do fluxo de trabalho no Qt Design Studio, você pode transformar designs preparados no Photoshop ou outros editores gráficos em protótipos funcionais que podem ser executados em dispositivos reais em minutos.
O produto é distribuído gratuitamente, mas apenas pessoas com licenças Qt podem distribuir componentes de interface prontos.
No entanto, em dezembro, está planejado o lançamento da versão aberta do Qt Design Studio, que será fornecida sob uma licença gratuita, mas ficará um pouco atrás da versão comercial em termos desta limitação. Parte do código já está aberto.
Principais recursos do Qt Design Studio
Entre os recursos que podem ser encontrados no Qt Design Studio podemos encontrar:
- Módulo Qt Photoshop Bridge para importar gráficos do Photoshop. Ele permite que você crie componentes prontos para uso diretamente a partir de gráficos preparados no Photoshop e exporte-os para o código QML.
- Animação em uma linha do tempo - um editor baseado em uma linha do tempo e quadros-chave, que permite criar facilmente uma animação sem escrever código.
- Os recursos desenvolvidos pelo designer são transformados em componentes QML universais que podem ser reutilizados em diversos projetos.
- Qt Live Preview: permite que você visualize um aplicativo ou interface de usuário desenvolvida diretamente no desktop, dispositivos Android ou Boot2Qt. As alterações podem ser feitas imediatamente no dispositivo.
- É possível controlar FPS, fazer upload de arquivos com traduções, alterar a escala dos elementos. Isso inclui uma visualização dos itens preparados no aplicativo Qt 3D Studio.
- Capacidade de integração com o Qt Safe Renderer: os elementos do Safe Renderer podem ser comparados com os elementos da interface que está sendo desenvolvida.
- Editor visual e editor de código lado a lado - você pode fazer simultaneamente alterações visuais no layout ou editar QML.
- Um conjunto de botões, interruptores e outros controles prontos para uso e personalizáveis.
- Conjunto integrado e personalizável de efeitos visuais.
- O design dinâmico dos elementos da interface permite que você os adapte a qualquer tela.
- Editor de cena avançado, que permite trabalhar os elementos nos mínimos detalhes.
- Você pode inserir um item de estudo 3D para visualizá-lo no dado alvo final com a Visualização ao vivo do Qt.
- Há uma integração Qt Safe Renderer que usa elementos Safe Renderer e os mapeia em sua interface de usuário também.
- Você pode usar estados e linhas do tempo para criar fluxos e transições de tela.
Para obter mais informações, dê uma olhada em blog oficial do Qt Design Studio.