Projeto Qt lançamento , um ambiente para o design de interfaces de usuário e desenvolvimento de aplicações gráficas baseadas em Qt. O Qt Design Studio facilita a colaboração entre designers e desenvolvedores na criação de protótipos funcionais de interfaces complexas e escaláveis. Os designers podem se concentrar apenas no layout gráfico, enquanto os desenvolvedores podem focar no desenvolvimento da lógica do aplicativo, utilizando o código QML gerado automaticamente para os layouts do designer.
Com o fluxo de trabalho oferecido no Qt Design Studio, é possível transformar em minutos os layouts criados no Photoshop ou em outros editores gráficos em protótipos funcionais, prontos para rodar em dispositivos reais.
É oferecido e Qt Design Studio. A versão comercial
é fornecida gratuitamente e permite distribuir os componentes de interface preparados somente para aqueles com licença comercial do Qt.
A edição Community não impõe restrições quanto ao uso, mas não inclui módulos para importação de gráficos do Photoshop e Sketch. O aplicativo é uma versão especializada do ambiente Qt Creator, compilada a partir de um repositório comum. A maior parte das modificações específicas do Qt Design Studio está integrada à base de código principal do Qt Creator. Os módulos de integração com o Photoshop e Sketch são proprietários.
No novo lançamento:
- As capacidades do módulo , que permite criar componentes prontos para uso a partir de layouts preparados no Sketch e exportá-los para código QML. O módulo adicionou suporte para , permitindo vincular diferentes propriedades de texto a diferentes instâncias de botões e outros componentes de interface (essas propriedades são exportadas em QML com propriedades sobrescritas visíveis como propriedades do componente). Também foi adicionada a possibilidade de exportar gráficos em formato vetorial SVG (anteriormente suportados apenas formatos raster), que podem ser escalonados em QML.
- O design da interface para visualizar propriedades foi alterado, passando a utilizar Qt Quick Controls 2 e agora é completamente personalizável através de temas. A usabilidade do trabalho com (spin box), para os quais foi adicionada a compatibilidade com arraste do mouse e a possibilidade de adicionar um slider opcional. Suporte adicionado para blocos multifuncionais que permitem definir propriedades de vários elementos de uma vez. Um novo diálogo de controle de gradientes foi adicionado ao editor de propriedades. O editor de cores foi atualizado, apresentando uma seção com cores previamente selecionadas.
- Melhorado o editor de bindings, que agora é baseado em um widget de edição de código mais conveniente para QML;
- Adicionado um novo editor de curvas para animação, permitindo ajustar as curvas de interpolação para vários quadros-chave de uma só vez, semelhante às ferramentas de controle de animação de pacotes 3D;
- Ainda está em andamento o trabalho na criação de um visualizador QML baseado em WebAssembly, permitindo criar pacotes com projetos QML para a Web, que podem ser manipulados por meio de um navegador.
Principais recursos do Qt Design Studio:
- Animação em escala de tempo — um editor baseado em linha do tempo e quadros-chave, permitindo criar animações facilmente sem a necessidade de programação;
- Recursos desenvolvidos pelo designer são transformados em componentes QML universais, que podem ser reutilizados em diversos projetos;
- Qt Live Preview — permite visualizar o aplicativo ou a interface do usuário em desenvolvimento diretamente na área de trabalho, em dispositivos Android ou Boot2Qt. As alterações feitas podem ser imediatamente visualizadas no dispositivo. É possível controlar o FPS, carregar arquivos de tradução e alterar a escala dos elementos. Também é suportada a pré-visualização em dispositivos de elementos preparados no aplicativo. .
- Possibilidade de integração com Qt Safe Renderer — elementos do Safe Renderer podem ser correspondidos com os elementos da interface em desenvolvimento.
- Visualização lado a lado do editor visual e do editor de código — é possível fazer alterações visuais no design ou editar QML simultaneamente;
- Conjunto de botões, switches e outros elementos de controle prontos e personalizáveis;
- Conjunto de efeitos visuais embutidos e personalizáveis;
- Layout dinâmico dos elementos da interface permite adaptar a interface a quaisquer tamanhos de tela;
- Editor de cena avançado, permitindo trabalhar nos elementos em detalhes.
- Módulos Qt Photoshop Bridge e Qt Sketch Bridge para importar gráficos do Photoshop e do Sketch. Permitem criar componentes prontos para uso diretamente a partir de gráficos preparados no Photoshop ou Sketch e exportá-los para código QML. Não fazem parte da edição Community.
Fonte: opennet.ru
