Aplicativo do Gnome Builder no Flathub.

Gnome Builder o IDE para desenvolvimento de aplicativos GTK

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.

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.
Aplicativo do Gnome Builder no Flathub.

Gnome Builder

Após realizar a instalação do Gnome Builder localize o mesmo no menu da distribuição:

Localizando o Gnome Builder.
Localizando o Gnome Builder.

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.
Tela inicial do Gnome Builder.

Agora temos a tela onde podemos configurar o projeto:

Configurando um novo projeto no Gnome Builder.
Configurando um novo projeto no Gnome Builder.

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.
Aplicativo feito com GTK 4 e libadwaita.

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.
Aplicativo feito com GTK 4.

📝 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.
Tela de trabalho do Gnome Builder.

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.
Gnome Builder fazendo download das dependências.

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.
Executando o projeto no Gnome Builder.

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.
Aplicativo GTK sendo executado no Gnome Builder.

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.
Utilizando o Gnome Builder para exportar o projeto no formato Flatpak.

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.