Desarrollo de aplicaciones con Gambas - Primeros pasos

Para no repetirnos y aportar algo más a lo que ya hay escrito, no vamos a entrar en cómo es el entorno de desarrollo, ni para qué sirve cada herramienta, etc. En la propia documentación de Gambas vienen algunos tutoriales introductorios y un apartado llamado "Visual Introduction to Gambas".

En este tutorial intentaremos hacer un programa completo y funcional desde el principio, y solucionaremos las necesidades según vayan surgiendo.

Vamos a crear un programa que sea una especie de cuaderno o agenda para tomar notas. Se podrán añadir o borrar notas, además de modificar las existentes. En cualquier momento se pueden guardar las notas a un fichero o recuperar otras de un fichero.

En Gambas, seleccionamos la opción "Nuevo proyecto". Seleccionamos crear un proyecto gráfico y el programa nos pide algunos datos como el nombre y título del proyecto:

También nos deja elegir dos opciones adicionales: "El proyecto es traducible" y "Los controles del formulario son públicos". Las dejamos sin marcar y seguimos.

A continuación seleccionamos el directorio donde queremos guardar el proyecto y finalizamos el asistente para la creación de proyectos. Con el botón derecho pulsamos en el apartado "Formularios" y seleccionamos la opción "Nuevo formulario".

Vamos a diseñar el formulario con un "ListBox" y varios botones para añadir, modificar, borrar, etc. El diseño que proponemos sería algo así:

Tenemos un "Label", un "ListBox" y varios botones, que se insertan en el formulario seleccionándolos en la caja de herramientas y "dibujándolos" sobre el formulario. Lo más destacable en este caso son los botones "Abrir", "Guardar" y "Salir", que los hemos situado encima de un "Panel" en vez de sobre el formulario directamente.

Para conseguir que los botones respondan a "atajos de teclado", hay que poner un "amperstand" (&) delante de la letra que servirá como "atajo".

Para crear el menú, pulsamos con el botón derecho en cualquier punto vacío del formulario y seleccionamos la opción "Editor de menú":

Al crear los botones y las distintas entradas en el menú podemos observar en la ventana de propiedades que hay, aparte de las opciones típicas (nombre, clase, texto a mostrar, etc.), una opción llamada "Grupo". Esta opción es muy interesante, puesto que si tenemos varios controles (p. ej., el menú "Abrir" y el botón "Abrir") que deben hacer lo mismo, asociándolos al mismo grupo sólo tenemos que escribir el código correspondiente al grupo de acciones al que pertenece cada control.

Así pues, en nuestro programa de ejemplo, hemos asociado al grupo "Abrir" el menú y el botón "Abrir", al grupo "Guardar" el botón y el menú "Guardar", etc.

Si ahora hacemos click en un botón o en el menú correspondiente, se nos abrirá el editor de código posicionándose el cursor en la declaración de un procedimiento que se llama igual que el grupo de acciones.