Tutorial: Hola Mundo
En este tutorial construira su primera aplicacion HarbourBuilder desde cero — una ventana simple con un boton que muestra un saludo. Al final, comprendera el flujo de trabajo basico del proyecto: crear, disenar, codificar, compilar y ejecutar.
Paso 1: Crear un Nuevo Proyecto
- Inicie HarbourBuilder.
- Seleccione Archivo → Nuevo Proyecto desde la barra de menu.
- En el dialogo Nuevo Proyecto, elija una carpeta (ej.
C:\Projects\HolaMundo) e ingrese el nombre del proyectoHolaMundo. - Haga clic en Aceptar. El IDE crea un archivo de proyecto
HolaMundo.hbpy un archivo fuentemain.prgcon una plantilla inicial.
HarbourBuilder crea una carpeta limpia con su archivo de proyecto .hbp y un fuente main.prg. Toda la salida compilada va a una subcarpeta build/ que puede agregar con seguridad a .gitignore.
Paso 2: Abrir el Disenador de Formularios
- En el panel Gestor de Proyectos, haga doble clic en
main.prg. - El Disenador de Formularios se abre mostrando un formulario vacio titulado "Mi Primera App".
- El Inspector de Objetos a la izquierda muestra las propiedades del formulario.
- Cambie la propiedad
cTitlea"Hola Mundo"y presione Enter — la barra de titulo del formulario se actualiza inmediatamente.
Paso 3: Anadir un Boton
- Haga clic en la pestania Estandar en la Paleta de Componentes en la parte superior del IDE.
- Haga clic en el icono Boton en la paleta.
- Haga clic en la superficie del formulario cerca del centro — aparece un boton.
- En el Inspector de Objetos, establezca la propiedad
cPromptdel boton a"Decir Hola". - Opcionalmente ajuste las propiedades
nTop,nLeft,nWidthynHeightpara posicionar y dimensionar el boton.
Paso 4: Anadir una Etiqueta
- Desde la pestania Estandar de la paleta, haga clic en el icono Etiqueta.
- Haga clic en el formulario encima del boton para colocar la etiqueta.
- Establezca la propiedad
cValuede la etiqueta a"Pulse el boton de abajo!". - Establezca
nWidtha300para que el texto quepa comodamente.
Paso 5: Establecer el Evento OnClick
- Seleccione el boton en el formulario (haga clic una vez).
- En el Inspector de Objetos, cambie a la pestania Eventos.
- Haga doble clic en la fila del evento
OnClick. El IDE cambia al Editor de Codigo y crea un esqueleto de manejador. - Complete el manejador para que actualice el texto de la etiqueta:
oBtn:OnClick := { || oLabel:SetValue( "Hola desde HarbourBuilder!" ) }
Para expresiones simples de una linea, un bloque de codigo en linea { || ... } es perfecto. Para logica mas compleja, llame a una static function separada desde el bloque. Vea el tutorial de Manejo de Eventos para mas detalles.
Paso 6: Compilar y Ejecutar
- Presione F9 (o seleccione Ejecutar → Compilar y Ejecutar).
- Observe el panel Mensajes en la parte inferior — muestra los pasos de preprocesamiento, compilacion, enlazado y lanzamiento.
- Aparece la ventana de su aplicacion. Haga clic en el boton "Decir Hola".
- El texto de la etiqueta cambia a "Hola desde HarbourBuilder!".
Listado Completo del Codigo
Aqui esta el main.prg completo para la aplicacion Hola Mundo:
#include "hbbuilder.ch" function Main() local oForm, oBtn, oLabel DEFINE FORM oForm TITLE "Hola Mundo" ; SIZE 640, 480 FONT "Segoe UI", 10 @ 30, 50 LABEL oLabel VALUE "Pulse el boton de abajo!" ; OF oForm SIZE 300, 24 @ 70, 50 BUTTON oBtn PROMPT "Decir Hola" ; OF oForm SIZE 120, 32 ; ACTION oLabel:SetValue( "Hola desde HarbourBuilder!" ) ACTIVATE FORM oForm CENTERED return nil
Que Aprendio
- Como crear un nuevo proyecto HarbourBuilder.
- Como usar el Disenador de Formularios para colocar controles visualmente.
- Como establecer propiedades mediante el Inspector de Objetos.
- Como vincular un manejador de evento
OnClick. - Como compilar y ejecutar su aplicacion con F9.
Listo para mas? Continue al tutorial Trabajar con Formularios para aprender como crear aplicaciones con multiples formularios y dialogos modales.