Projeto Qt questão , um ambiente para design de interface de usuário e desenvolvimento de aplicações gráficas baseadas em Qt. O Qt Design Studio facilita o trabalho conjunto de designers e desenvolvedores para criar protótipos funcionais de interfaces complexas e escaláveis. Os designers podem se concentrar apenas no layout gráfico do design, enquanto os desenvolvedores podem se concentrar no desenvolvimento da lógica do aplicativo usando código QML gerado automaticamente para os layouts do designer.
Usando o fluxo de trabalho oferecido no Qt Design Studio, você pode transformar layouts preparados no Photoshop ou outros editores gráficos em protótipos funcionais adequados para execução em dispositivos reais em questão de minutos.
É oferecido и Estúdio de Design Qt. Versão comercial
é gratuito, permite a distribuição de componentes de interface preparados apenas para detentores de licença comercial do Qt.
A edição Community não impõe restrições de uso, mas não inclui módulos para importação de gráficos do Photoshop e Sketch. A aplicação é uma versão especializada do ambiente Qt Creator, compilada a partir de um repositório comum. A maioria das mudanças específicas do Qt Design Studio estão incluídas na base de código principal do Qt Creator. Os módulos de integração para Photoshop e Sketch são proprietários.
Na nova versão:
- Capacidades do módulo expandidas , que permite criar componentes prontos para uso com base em layouts preparados no Sketch e exportá-los para código QML. Adicionado suporte ao módulo , que permite vincular diferentes propriedades de texto a diferentes instâncias de botões e outros componentes de interface (essas propriedades são exportadas para QML com propriedades substituídas visíveis como propriedades do componente). Também foi adicionada a capacidade de exportar gráficos em formato vetorial SVG (anteriormente apenas formatos raster eram suportados), que podem ser dimensionados em QML.
- O design da interface para visualização de propriedades foi alterado, passou a usar Qt Quick Controls 2 e agora é totalmente personalizável através de temas de design. Usabilidade significativamente melhorada (caixa giratória), que agora suporta arrastar o mouse e a capacidade de adicionar opcionalmente um controle deslizante. Adicionado suporte para blocos de múltiplas seções, permitindo definir as propriedades de vários elementos ao mesmo tempo. Uma nova caixa de diálogo para gerenciar gradientes foi adicionada ao editor de propriedades. O editor de cores foi atualizado para incluir uma seção com cores previamente selecionadas.
- O editor de vinculação foi aprimorado, que agora é baseado em um widget de edição de código mais conveniente para QML;
- Um novo editor de curva de animação foi adicionado, permitindo ajustar curvas de interpolação para vários quadros-chave em uma visualização, semelhante às ferramentas usuais de controle de animação de pacotes 3D;
- Observa-se também que ainda não foram concluídos os trabalhos de criação de um visualizador QML baseado em WebAssembly, que permite criar pacotes com projetos QML para a Web, que podem ser trabalhados através de um navegador.
Principais recursos do Qt Design Studio:
- Animação de linha do tempo - Um editor baseado em linha do tempo e quadro-chave que facilita a criação de animações sem escrever código;
- Os recursos desenvolvidos pelo designer são transformados em componentes QML universais que podem ser reaproveitados em diversos projetos;
- Qt Live Preview - permite visualizar um aplicativo ou interface de usuário sendo desenvolvido diretamente no desktop, dispositivos Android ou Boot2Qt. As alterações feitas podem ser observadas imediatamente no dispositivo. É possível controlar o FPS, fazer upload de arquivos com traduções e alterar a escala dos elementos. Isso inclui suporte para visualização de elementos preparados no aplicativo em dispositivos .
- Possibilidade de integração com Qt Safe Renderer - Os elementos do Safe Renderer podem ser mapeados para elementos da interface que está sendo desenvolvida.
- Exibir editor visual e editor de código lado a lado - você pode fazer alterações de design ou editar QML simultaneamente;
- Um conjunto de botões, interruptores e outros elementos de controle prontos e personalizáveis;
- Conjunto integrado e personalizável de efeitos visuais;
- O layout dinâmico dos elementos da interface permite adaptá-lo a qualquer tela;
- Um editor de cena avançado que permite trabalhar os elementos nos mínimos detalhes;
- Módulos Qt Photoshop Bridge e Qt Sketch Bridge para importar gráficos do Photoshop e Sketch. Permite criar componentes prontos para uso diretamente a partir de gráficos preparados no Photoshop ou Sketch e exportá-los para código QML. Eles não estão incluídos na edição comunitária.
Fonte: opennet.ru