Qt Designer

Conheça essa ferramenta de criação de interfaces Python

Luciano Zembruzki

Construa suas interfaces e componentes gráficos mais rápido

Para criar suas interfaces no PySide/PyQt, você pode seguir dois caminhos principais: (i) você pode codificar manualmente a Interface em código Python ou (ii) usar o Qt Designer. O segundo caminho pode melhorar drasticamente sua produtividade, enquanto o primeiro caminho coloca você no controle total do código da sua aplicação.

Então, se você deseja criar interfaces e componentes gráficos de maneira eficiente e amigável, o Qt Designer é a ferramenta para você.

Começando com o Qt Designer

O Qt Designer é uma Qt que fornece uma interface de usuário WYSIWYG. Com esta ferramenta, você cria componentes gráficos arrastando e soltando widgets em um formulário vazio. Depois disso, você pode organizá-los em uma interface coerente usando diferentes gerenciadores de layout.

O Qt Designer também permite que você visualize suas interfaces e componentes usando diferentes estilos e resoluções, conecte sinais e slots, crie menus e barras de ferramentas e muito mais. O Qt Designer é independente de plataforma e linguagem de programação. Ele não produz código em nenhuma linguagem de programação específica, mas cria arquivos (.ui).

Você pode traduzir o conteúdo de um arquivo .ui em código Python com pyuic6 para PyQt6 ou pyside6-uic para o PySide6, que é uma ferramenta de linha de comando que vem com o PyQt6/PySide6. Então você pode usar este código Python para construir suas aplicações com interface. Você também pode ler .ui diretamente e carregar seu conteúdo para gerar a interface associada.

Instalando e executando o Qt Designer

Existem várias maneiras de obter e instalar o Qt Designer dependendo da sua plataforma atual. Com o Python e o PIP instalados em seu computador você pode executar os seguintes comandos em seu terminal ou linha de comando:

para o PyQt6

pip install pyqt6 pyqt6-tools

para o PySide6:

pip install pyside6

Aqui, você instala o PyQt6 ou o PySide6 que juntamente com a biblioteca instala um conjunto de ferramentas Qt que inclui o Qt Designer.

A instalação colocará o executável do Qt Designer no mesmo diretório de instalacão da biblioteca, usualmente em:

  • .../python3.x/site-packages/PySide6/

Outra opção é você baixar o instalador do Qt para sua plataforma atual no site oficial de download e seguir as instruções na tela. Nesse caso, para concluir o processo de instalação, você precisa registrar uma conta Qt.

Se você já instalou o Qt Designer usando uma das opções discutidas até agora, vá em frente e inicie o aplicativo. Você deve obter as duas janelas a seguir em sua tela:

img

A janela em primeiro plano é a caixa de diálogo New Form (Novo Formulário). A janela em segundo plano é a janela principal do Qt Designer.

Por padrão, quando você executa o Qt Designer, a caixa Novo formulário aparece em primeiro plano. Caso contrário, você pode clicar em Novo na barra de ferramentas do Qt Designer. Você também pode clicar em Arquivo → Novo no menu principal ou pressionar Ctrl+N no teclado. Em Novo formulário , você pode selecionar o modelo de formulário com o qual deseja iniciar e clicar em Criar para gerar um novo formulário:

Após criar o seu formulário você estará apto a construir sua interface ou componente arrastando e soltando os widgets disponíneis.

Para aprender mais sobre QtDesigner e desenvolvimento de interfaces Python com PyQt6/PySide6 clique em saiba mais no card abaixo.