Tutorial: Ola Mundo
Neste tutorial voce vai criar sua primeira aplicacao HarbourBuilder do zero — uma simples janela com um botao que exibe uma saudacao. Ao final, voce entendera o fluxo basico de trabalho do projeto: criar, projetar, codificar, compilar e executar.
Passo 1: Criar um Novo Projeto
- Inicie o HarbourBuilder.
- Selecione Arquivo → Novo Projeto na barra de menu.
- No dialogo Novo Projeto, escolha uma pasta (ex.
C:\Projetos\HelloWorld) e informe o nome do projetoHelloWorld. - Clique em OK. A IDE cria um arquivo de projeto
HelloWorld.hbpe um arquivo fontemain.prgcom um modelo inicial.
O HarbourBuilder cria uma pasta limpa com seu arquivo de projeto .hbp e um arquivo fonte main.prg.
Toda saida compilada vai para uma subpasta build/ que voce pode adicionar ao .gitignore.
Passo 2: Abrir o Designer de Formularios
- No painel Gerenciador de Projetos, clique duas vezes em
main.prg. - O Designer de Formularios abre mostrando um formulario vazio intitulado "My First App".
- O Inspetor de Objetos a esquerda exibe as propriedades do formulario.
- Altere a propriedade
cTitlepara"Hello World"e pressione Enter — a barra de titulo do formulario atualiza imediatamente.
Passo 3: Adicionar um Botao
- Clique na aba Padrao na Paleta de Componentes no topo da IDE.
- Clique no icone Botao na paleta.
- Clique na superficie do formulario proximo ao centro — um botao aparece.
- No Inspetor de Objetos, defina a propriedade
cPromptdo botao para"Dizer Ola". - Opcionalmente ajuste as propriedades
nTop,nLeft,nWidthenHeightpara posicionar e dimensionar o botao.
Passo 4: Adicionar um Rotulo
- Na aba Padrao da paleta, clique no icone Rotulo (Label).
- Clique no formulario acima do botao para colocar o rotulo.
- Defina a propriedade
cValuedo rotulo para"Clique no botao abaixo!". - Defina
nWidthcomo300para que o texto caiba confortavelmente.
Passo 5: Definir o Evento OnClick
- Selecione o botao no formulario (clique uma vez).
- No Inspetor de Objetos, alterne para a aba Eventos.
- Clique duas vezes na linha do evento
OnClick. A IDE muda para o Editor de Codigo e cria um stub de manipulador. - Preencha o manipulador para que atualize o texto do rotulo:
oBtn:OnClick := { || oLabel:SetValue( "Ola do HarbourBuilder!" ) }
Para logicas simples de uma linha, um bloco de codigo inline { || ... } e perfeito. Para logicas mais complexas,
chame uma static function separada a partir do bloco. Veja o tutorial Tratamento de Eventos para detalhes.
Passo 6: Compilar e Executar
- Pressione F9 (ou selecione Executar → Compilar e Executar).
- Observe o painel Mensagens na parte inferior — ele mostra as etapas de pre-processamento, compilacao, vinculacao e inicializacao.
- A janela da sua aplicacao aparece. Clique no botao "Dizer Ola".
- O texto do rotulo muda para "Ola do HarbourBuilder!".
Listagem Completa do Codigo
Aqui esta o main.prg completo para a aplicacao Ola Mundo:
#include "hbbuilder.ch" function Main() local oForm, oBtn, oLabel DEFINE FORM oForm TITLE "Hello World" ; SIZE 640, 480 FONT "Segoe UI", 10 @ 30, 50 LABEL oLabel VALUE "Clique no botao abaixo!" ; OF oForm SIZE 300, 24 @ 70, 50 BUTTON oBtn PROMPT "Dizer Ola" ; OF oForm SIZE 120, 32 ; ACTION oLabel:SetValue( "Ola do HarbourBuilder!" ) ACTIVATE FORM oForm CENTERED return nil
O Que Voce Aprendeu
- Como criar um novo projeto HarbourBuilder.
- Como usar o Designer de Formularios para colocar controles visualmente.
- Como definir propriedades pelo Inspetor de Objetos.
- Como conectar um manipulador de evento
OnClick. - Como compilar e executar sua aplicacao com F9.
Pronto para mais? Continue para o tutorial Trabalhando com Formularios para aprender como criar aplicacoes multi-formulario com dialogos modais e passagem de dados entre formularios.