gambas symbol

Como fazer seu primeiro projeto com Basic e Gambas3

By lingy | Lingy | 17 Nov 2021


Gambas3, ou Gambas é uma IDE e compilador para Linux que imita a linguagem e funcionalidades do Visual Basic, permitindo a desenvolvedores Basic criarem pequenas aplicações gráficas mesmo em ambiente GNU/Linux. Como eu já disse anteriormente, por ser uma linguagem simples, o Basic já foi usado no passado para ensinar iniciantes em programação, e é com base nisso que vamos hoje criar uma aplicação de nível iniciante usando Gambas e um sistema Linux.

A instalação

Para instalar o Gambas no Ubuntu basta rodar o seguinte comando:

sudo apt install gambas3

Dependendo da versão do Ubuntu que você usa pode ser necessário instalar algum pacote adicional. No meu caso, por exemplo, foi o gambas3-gb-form-print, mas isso pode variar:

sudo apt install gambas3-gb-form-print

E agora, para a criação do projeto

O projeto

O nosso projeto consiste em apenas uma pequena tela com uma mensagem para clicar em um botão e um botão. Quando clicado, o botão muda o texto da frase para "Olá, mundo":

programa antes de apertar no botão
programa depois de apertar no botão

iniciando o projeto

Abra o Gambas3. Aparecerá uma tela como a que está aí embaixo:

Tela inicial

Após isso, selecione a opção "Novo projeto" e depois escolha o tipo do projeto. Para o nosso projeto usaremos "aplicação gráfica" (o nome pode variar dependendo da versão do Gambas):

Tela de escolha de tipo de projeto

E escolha o nome do projeto:

Escolhendo nome do projeto

E agora, para tela.

Criando a tela

Ao abrir o projeto você verá uma tela como essa:

Tela para criação de telas

Selecione os componentes de "label" (texto) e "button" (botão) na grade de componentes e os posicione a seu critério. Na minha tela, correspondem aos seguintes itens:

Localização dos componentes

Eu também, clicando no componente na tela e depois indo para a tela de propriedades (a direita em cima) mudei as propriedades Name (que corresponde ao nome da variável) para nomes que façam mais sentido, como text e button e Text (que corresponde ao texto do componente) para um texto mais bonitinho:

Tela de propriedades

Se você seguiu os passos até aqui você vai ter algo como isso agora:

Design da tela

programação

Clique duas vezes no botão e você vai ser transferido para a aba de programação onde verá o seguinte código:

Public Sub button_Click()
End

Agora vamos alterar o texto do nosso componente text:

Public Sub button_Click()

  text.Text = "Olá, mundo"

End

E pronto, só apertar F5 para ver o programa em funcionamento. Você ainda pode mudar outras propriedades dos componentes, como o FMain.background:

Public Sub button_Click()

  text.Text = "Olá, mundo"
  FMain.Background = Color.Cyan

End

Se gostou, deixa seu foguinho aí embaixo e me siga para mais dicas de programação e tutoriais.

How do you rate this article?

2



Lingy
Lingy

My personal blog about technology

Publish0x

Send a $0.01 microtip in crypto to the author, and earn yourself as you read!

20% to author / 80% to me.
We pay the tips from our rewards pool.