Como instalar a ferramenta Qt Designer

O Qt Designer permite a criação de interfaces gráficas de forma rápida e fácil.

Play this article

O Qt Designer é uma ferramenta de design de interface gráfica do usuário (GUI) fornecida pelo framework Qt. Ela permite que desenvolvedores criem e projetem interfaces de usuário para suas aplicações usando uma interface de arrastar e soltar. O Qt Designer possibilita a prototipagem rápida e simplifica o processo de construção de aplicativos interativos e visualmente atraentes.

Ao usar o Qt Designer, os desenvolvedores podem projetar o layout de janelas, caixas de diálogo, botões, menus e outros elementos de UI de sua aplicação. A ferramenta oferece uma ampla gama de widgets e layouts pré-construídos que podem ser facilmente personalizados e organizados para criar a interface de usuário desejada. O Qt Designer também suporta a adição de funcionalidade aos elementos de UI por meio de conexões de sinais e slots.

Uma vez que o design da UI esteja completo no Qt Designer, a saída geralmente é salva em um formato de arquivo .ui, que pode ser carregado e integrado a um aplicativo Qt usando o framework Qt. O arquivo de UI é então processado pelo compilador de metadados do Qt (MOC), que gera código C++ que pode ser compilado e vinculado à lógica do aplicativo.

Em resumo, o Qt Designer é uma ferramenta poderosa que aprimora o processo de desenvolvimento ao separar o design da interface do usuário do código da aplicação, permitindo uma colaboração mais eficiente e facilitando a manutenção da interface de usuário.

📝 É importante notar que o Qt Designer não permite a criação ou utilização de arquivos de interface do tipo QML.

Para o desenvolvimento de interfaces com QML é recomendada a utilização da ferramenta Qt Design Studio.

Instalação

Fman build system

Microsoft Windows

O site fman build system fornece um instalador do Qt Designer (Qt 5) para o Microsoft Windows.

Para realizar o download acesse:

Ao finalizar o download de 2 cliques sobre o instalador e avance até que a instalação esteja completa.

macOS

O site fman build system fornece um instalador do Qt Designer (Qt 5) para o macOS.

Para realizar o download acesse:

Ao finalizar o download de 2 cliques sobre o instalador e avance até que a instalação esteja completa.

Linux

ChromeOS

Para saber mais sobre como utilizar Linux no ChomeOS:

Qt 5:

sudo apt install \
qttools5-dev \
qttools5-dev-tools

Qt 6:

Testado no Debian 12 (Bookworm).

🚨 Em versões anteriores pode ser necessário ativar o repositório sid.

sudo apt install \
qt6-tools \
qt6-tools-dev

Arch Linux

Qt 5:

sudo pacman -S \
qt5-base \
qt5-tools

Qt 6:

sudo pacman -S \
qt6-base \
qt6-tools

🚨 Se o sudo não estiver configurado utilize a conta de root (sem sudo) para a instalação dos pacotes.

Fedora

Qt 5:

sudo dnf install \
qt5-qttools \
qt5-qttools-devel

Qt 6:

sudo dnf install \
qt6-qttools \
qt6-qttools-devel

Ubuntu e derivados

Qt 5:

sudo apt install \
qttools5-dev \
qttools5-dev-tools

Qt 6:

Ubuntu 22.04 LTS ou superior.

sudo apt install \
qt6-tools \
qt6-tools-dev

PIP

PySide6:

A instalação do binding PySide6 contém o Qt Designer:

pip install PySide6

Após a instalação do binding execute no terminal:

pyside6-designer

PyQt5:

O Qt Designer pode ser instalado através do pacote pyqt5-tools:

pip install pyqt5-tools

Para executar o Qt Designer digite no terminal:

pyqt5-tools designer

PyQt6:

O Qt Designer pode ser instalado através do pacote pyqt6-tools:

pip install pyqt6-tools

Para executar o Qt Designer digite no terminal:

pyqt6-tools designer

Did you find this article valuable?

Support Renato Cruz by becoming a sponsor. Any amount is appreciated!