O Gnome Builder é o IDE (Integrated Development Environment ou Ambiente de Desenvolvimento Integrado) do projeto Gnome.
Atualmente ele é a solução mais completa para o desenvolvimento de aplicativos como toolkit gráfico GTK.
Com a sua utilização temos uma forma padronizada de desenvolver aplicativos e esse padrão independe da linguagem de programação que se está utilizado.
Por falar em linguagens de programação até o momento o Gnome Builder suporta as linguagem de programação:
C++
.C#
.C
.JavaScript
.Python
.Rust
.Vala
.
Outro grande diferencial do Gnome Builder é a possibilidade de realizar o empacotamento do aplicativo no formato Flatpak.
O que também possibilita a distribuição do aplicativo através do Flathub.
Posts relacionados:
- Gnome Builder o IDE para desenvolvimento de aplicativos GTK
- Como formatar textos em GTK com Pango Markup
- Como criar um aplicativo com Python e GTK no Windows WSL 2
- Como criar um aplicativo com Python e GTK no MS Windows
- Como criar um aplicativo com Python e GTK no ChromeOS
- Como criar um aplicativo com Python e o toolkit GTK no Linux
- Como criar um aplicativo com Python e o toolkit GTK no macOS
- Como instalar a linguagem de marcação Gnome Blueprint
Instalação
O Gnome Builder está no repositório das principais distribuições Linux, contudo a versão contida no repositório da distribuição Linux pode variar muito.
Arch Linux
sudo pacman -S \
gnome-builder
Fedora
sudo dnf install \
gnome-builder
Ubuntu
sudo apt install \
gnome-builder
Flathub
A melhor forma de ter a ultima versão disponível é realizando a instalação através da versão que é distribuída em Flatpak.
Link direto para o Gnome Builder no Flathub:
![Aplicativo do Gnome Builder no Flathub.](https://justcode.com.br/wp-content/uploads/2024/05/image-34-1024x559.webp)
Gnome Builder
Após realizar a instalação do Gnome Builder localize o mesmo no menu da distribuição:
![Localizando o Gnome Builder.](https://justcode.com.br/wp-content/uploads/2024/07/image-1024x576.webp)
Ao iniciar, o Gnome Builder exibe alguns projetos que podem ser clonados e na parte inferior podemos iniciar um novo projeto clicando no botão Criar novo projeto…:
![Tela inicial do Gnome Builder.](https://justcode.com.br/wp-content/uploads/2024/07/image-1-1024x559.webp)
Agora temos a tela onde podemos configurar o projeto:
![Configurando um novo projeto no Gnome Builder.](https://justcode.com.br/wp-content/uploads/2024/07/image-2-1024x559.webp)
Dentre as principais opções temos:
- Nome do projeto: Nome da pasta onde o projeto será criado.
- ID do aplicativo: Nome/ID do aplicativo.
- Local do projeto: Diretório onde o projeto será criado.
- Linguagem: Linguagem de programação que será utilizada no projeto.
- Licença: O tipo de licença que o projeto irá utilizar.
- Controle de versão: Se o projeto irá ou não utilizar git.
- Modelo: Identidade visual do aplicativo.
Na sessão modelo temos 2 opções principais.
Aplicativo do GNOME
Será utilizado um modelo baseado em GTK4 e libadwaita:
![Aplicativo feito com GTK 4 e libadwaita.](https://justcode.com.br/wp-content/uploads/2024/07/gtk-libadwaita-app.webp)
Aplicativo GTK 4
Será utilizado um modelo baseado em GTK 4 e o estilo visual será de um aplicativo convencional:
![Aplicativo feito com GTK 4.](https://justcode.com.br/wp-content/uploads/2024/07/gtk-app.webp)
📝 Se você está iniciando um novo projeto de preferencia pela utilização do modelo Aplicativo do GNOME.
Ao finalizar as configurações do aplicativo, clique no botão Criar projeto.
Com isso será iniciada a interface de trabalho do IDE Gnome Builder:
![Tela de trabalho do Gnome Builder.](https://justcode.com.br/wp-content/uploads/2024/07/image-3-1024x559.webp)
Aqui temos mais um recurso muito interessante da Gnome Builder.
Se ao iniciar o projeto o Gnome Builder perceber que algum recurso Sdk ou Platform estiver faltando o mesmo irá se oferecer para realizar o download:
![Gnome Builder fazendo download das dependências.](https://justcode.com.br/wp-content/uploads/2024/07/image-4.webp)
Estrutura do projeto
O Gnome Builder utiliza a seguinte estrutura para organizar o projeto:
nome-do-projeto
├── br.com.justcode.Example.json
├── COPYING
├── data
├── meson.build
├── po
└── src
Dentre esses arquivos e pastas podemos destacar inicialmente:
- br.com.justcode.Example.json: Arquivo que possui as configurações e dependências do projeto.
- COPYING: Licença utilizar pelo projeto.
- data: Pasta que armazena os ícones, desktop entry e outros arquivos de dados do projeto.
- po: Pasta que armazena os arquivos de tradução.
- src: Pasta que contém o código fonte do aplicativo.
No geral a pasta src
será a mais utilizada, dentro dela temos:
nome-do-projeto
├── br.com.justcode.Example.json
├── COPYING
├── data
├── meson.build
├── po
└── src
├── example.gresource.xml
├── example.in
├── gtk
│ └── help-overlay.ui
├── __init__.py
├── main.py
├── meson.build
├── window.py
└── window.ui
- example.gresource.xml: Arquivo onde são declarados os arquivos que fazem parte do projeto. Novos arquivos de código ou de interface devem ser declarados neste arquivo.
- gtk: Diretório onde podem ser armazenados os arquivos de interface.
- main.py: Ponto de entrada do aplicativo. O aplicativo inicia a partir do método
main
contido neste arquivo. - window.py: Arquivo que contém a lógica da janela principal.
- window.ui: Arquivo que contém o design da janela principal.
Para executar o projeto inicial que é oferecido pelo Gnome Builder podemos clicar no botão com ícone de play (▸) ou pressionando-se as teclas de atalho Ctrl + F5:
![Executando o projeto no Gnome Builder.](https://justcode.com.br/wp-content/uploads/2024/07/image-7-1024x559.webp)
No terminal que fica na parte inferior do Gnome Builder será exibido todo o processo de construção do aplicativo e ao final do processo o aplicativo será exibido:
![Aplicativo GTK sendo executado no Gnome Builder.](https://justcode.com.br/wp-content/uploads/2024/07/gnome-builder-ola-mundo.webp)
Outro recuso extremante interessante do Gnome Builder é poder exportar o projeto para um pacote Flatplak com apenas um clique.
No centro da interface do Gnome Builder clique no botão que possui um ícone de martelo:
![Utilizando o Gnome Builder para exportar o projeto no formato Flatpak.](https://justcode.com.br/wp-content/uploads/2024/07/image-6-1024x559.webp)
Devido a esse e outros recursos, o Gnome Builder se apresenta como uma IDE essencial para o desenvolvimento de aplicativos com o toolkit gráfico GTK 4 e Libadwaita.