programación visual con gambas

PROGRAMACIÓN
VISUAL CON
GAMBAS
¿QUÉ ES GAMBAS?
 Gambas
es
un
lenguaje de programación libre derivado
de BASIC. Es similar al producto de
Microsoft Visual Basic
 Gambas no es sólo un lenguaje de
programación, sino también un entorno
de programación visual para desarrollar
aplicaciones gráficas o de consola y
distribuido bajo la licencia GPL GNU
GPL GNU
 La Licencia Pública General de GNU
es
una
licencia
creada
por
la
Free Software Foundation a mediados
de
los
80,
y
está
orientada
principalmente a proteger la libre
distribución, modificación y uso de
software.
 Su propósito es declarar que el software
cubierto
por
esta
licencia
es
software libre
BASIC
 BASIC es un lenguaje de programación
que originalmente fue desarrollado como
una herramienta para la enseñanza;
 Se
diseminó
entre
las
microcomputadoras hogareñas a partir
de la década de 1980, y sigue siendo
muy popular hoy en día, en muchos
dialectos bastante distintos del original.
¿QUÉ ES GAMBAS?
 Permite crear formularios, botones de
comandos, cuadros de texto.
formularios
cuadro de texto
Botones
¿QUÉ ES GAMBAS?
 En la clasificación que hicimos en el tema
anterior
sobre
los
lenguajes
de
programación, podríamos decir que se
engloba dentro de los LENGUAJES
ORIENTADOS A OBJETOS.
¿QUÉ ES GAMBAS?
 Este tipo de lenguajes, funcionan igual
que los de ALTO NIVEL (como C), pero
además utilizan diferentes OBJETOS. A
estos objetos se les puede determinar
tanto sus propiedades (tamaño, color...)
como su comportamiento al hacer
determinados EVENTOS sobre ellos
(hacer clic, posar el ratón, arrastrar...)
¿POR QUÉ EL NOMBRE DE
GAMBAS?
 El
nombre de Gambas responde al
acrónimo recursivo
Gambas
Almost
Means Basic (Gambas Casi Significa
Basic), ya que no podemos considerarlo
un clon de BASIC, puesto que Gambas
también está muy inspirado por el
lenguaje de programación Java. Debido a
este nombre, el logo del proyecto
Gambas es una gamba de color azul.
ACRÓNIMO RECURSIVO
 Un acrónimo recursivo es aquél en el que
una de las letras se refiere al acrónimo
en sí, recursivamente.
 El ejemplo más conocido quizá sea el de
GNU, que significa GNU is not UNIX.
Como se ve, la G referencia al propio
acrónimo en sí, haciéndolo recursivo (o
recurrente según la RAE)
¿QUÉ ES GAMBAS?
 Con
Gambas
se
pueden
hacer
aplicaciones o programas con interfaz
gráfica de forma muy rápida.
EMPEZANDO CON
GAMBAS
 Vamos a seguir una serie de pasos, sin
pensar demasiado, para hacer una
aplicación muy sencilla, esto nos servirá
para familiarizarnos con Gambas, aunque
aún desconozcamos muchas cosas.
http://wiki.gnulinex.org/gambas/7
Primer
ejercicio
EMPEZANDO CON
GAMBAS
 SEGUNDO EJERCICIO
EMPEZANDO CON
GAMBAS
 TERCER EJERCICIO
INSTALAR GAMBAS
 PASO 1
 PASO 2
OBJETOS, EVENTOS, MENSAJES Y
PROCEDIMIENTOS
 OBJETO:
Todo programa orientado a
objetos se basa en la utilización de
objetos. Ejemplos de objetos:
 Ventanas,
 botones
de acción,
 barras de desplazamiento,
 listas desplegables,
 cuadros de texto,
 casillas de verificación,
 botones de opción ...
OBJETOS, EVENTOS, MENSAJES Y
PROCEDIMIENTOS
 EVENTO: Un evento es una acción que se
puede realizar con un objeto. Ejemplos
de eventos:
 hacer
clic con el ratón
 posar el ratón sobre el objeto
 pulsar el botón derecho del ratón
 moverlo
 ...
OBJETOS, EVENTOS, MENSAJES Y
PROCEDIMIENTOS
 MENSAJE:
Cuando
se
ejecuta
un
programa orientado a objetos, todos los
objetos implicados en él están recibiendo
mensajes de qué está ocurriendo con los
otros objetos, de modo que puedan
responder cuando sea necesario.
 La respuesta que puede dar un objeto a
un mensaje concreto no es otra que la
designada por el usuario en el MÉTODO
O PROCEDIMIENTO correspondiente al
evento en cuestión
OBJETOS, EVENTOS, MENSAJES Y
PROCEDIMIENTOS
Formulario del programa; aparece al
ejecutar el programa y contiene todos
los objetos de este
Cuando el usuario rellene
los campos necesarios y le
de al botón Command1, se
realizará el procedimiento
asociado al evento “hacer
clic” sobre dicho botón.
Todos los objetos del formulario están
esperando mensajes de qué está ocurriendo
Estas son las
respuestas
que darán los
objetos
cuando ocurra
el
evento
“hacer
clic”
sobre el botón
Command 1
¿CÓMO SE PROGRAMA EN
GAMBAS?
 Programar
en Gambas, como en
cualquier lenguaje orientado a objetos,
es una tarea algo diferente a la de otros
lenguajes de programación.
 Los pasos son:
Añadir y preparar los formularios (ventanas)
 Agregar los objetos(controles) a los
formularios
 Modificar las propiedades de los objetos y
formularios.
 Crear los procedimientos asociados a los
eventos de los objetos.

OTRO EJEMPLO SENCILLO
 Realizar
un nuevo programa con un
formulario.
 Dentro del formulario pondremos un
cuadro de texto explicando cómo
funciona el programa.
 Si pulsamos fuera del cuadro de texto, se
mostrará un mensaje de Bienvenida.
 Si se pulsa sobre el cuadro de texto el
programa finalizará.
OTRO EJEMPLO SENCILLO
Poner un título al
formulario principal
PUBLIC SUB Form_MouseDown()
Message.Info("Bienvenido a Gambas")
END
PUBLIC SUB Label1_MouseDown()
FMain.Close
END
Poner un borde al
cuadro de texto
EJERCICIO
 Crear un nuevo proyecto con un único
formulario que, al hacer clic sobre él,
muestre un cuadro de mensaje con tu
nombre completo.
CONTROLES
Puntero: Permite seleccionar
formularios y controles.
Etiqueta: Para escribir texto
que el usuario no pueda ni deba
modificar
Etiqueta: Para escribir texto
que el usuario no pueda ni deba
modificar. Además se puede
escribir texto con formato
“html”
Cuadro de imagen: Para
mostrar gráficos e imágenes.
CONTROLES
Cuadro de Película: Para
insertar vídeos animados.
Barra de progreso: Para
mostrar
cómo
avanza
el
progreso de una determinada
acción
Botón de acción: Permite
insertar botones que el usuario
podrá utilizar al hacer clic sobre
ellos para acciones concretas.
Casilla de verificación: Se
utilizan para indicar dos posibles
estados de una opción: activada
o desactivada.
Botones de opción: Son
parecidos a las casillas de
verificacion, pero en este caso el
usuario sólo podrá marcar uno
de los botones que estén
agrupados.
CONTROLES
Marco: Servirá para agrupar
controles relacionados entre sí.
Por ejemplo, un conjunto de
botones de opción.
Barra de botones: Servirá
para añadir controles que se
activarán sólo cuando el ratón
pase por encima.
Barra de desplazamiento:
Permite insertar una barra
vertical u horizontal.
Según la posición de la marca el
programa devolverá un valor
entero u otro.
Lista de opciones: Permite
insertar una lista de opciones,
de entre las que el usuario
podrá elegir.
CONTROLES
Cuadro de texto: Servirá para
que el usuario pueda introducir
texto en el programa.
UN NUEVO PROGRAMA
 Insertaremos un nuevo formulario que
llevará cinco controles:
PROPIEDADES DE LOS
OBJETOS
 Hay muchas propiedades de un objeto
que se pueden modificar, y permiten
definir perfectamente su aspecto.
 Una de las propiedades más importantes
es el nombre, puesto que será el que se
tendrá que utilizar siempre que se quiera
hacer alusión a él.
 Por defecto, el programa nombra los
objetos de forma genérica con el nombre
de la clase del objeto y un número.
PROPIEDADES DE LOS
OBJETOS
 Cada propiedad puede ser modificada:
 antes
de ejecutar el programa o
 durante la ejecución del programa
MODIFICAR LAS PROPIEDADES EN
TIEMPO DE DISEÑO
 Para hacerlo seguiremos los pasos:
1.Seleccionar el objeto
2.Buscar la propiedad en la ventana
Propiedades
3.Borrar el valor de la propiedad por
defecto y escribir el nuevo valor
MODIFICAR LAS PROPIEDADES EN
TIEMPO DE EJECUCIÓN
 Para
hacerlo debemos escribir la
sentencia adecuada en alguno de los
procedimientos
que
constituyen
el
programa.
 La forma general de hacer referencia a
una propiedad de un objeto es:
Objeto.Propiedad
Label3.Text
MODIFICAR EL
PROGRAMA CUADRADO
 Al presionar el botón Calcular o Alt+C el
programa calculará el cuadrado del número
introducido.
 Al iniciar el programa, prepararemos el
cuadro de texto para que no muestre nada,
y el cuadro del resultado también estará
vacío.
 El título del formulario principal será Cálculo
del cuadrado de un número
 Cambiar el tipo de letra para las tres
etiquetas, por Sans Serif y el tamaño a 4
 El tamaño de la letra para el botón será 3
 El color de la letra de la etiqueta del
resultado será rojo
EVENTOS EN UN
PROGRAMA
 Cada
control tiene unos eventos
determinados, aunque la mayoría de
ellos son comunes a todos los controles.
 Los eventos de un control podrán
introducirse en el código del programa
dándole al botón derecho del ratón y
eligiendo la opción Event.
TEXTO CON FORMATO
 Crear un nuevo formulario que permitirá
copiar, en una etiqueta, el texto que el
usuario escriba en un cuadro de texto,
aplicando un atributo (negrita, cursiva o
subrayado) en función de sobre qué
botón de acción se haga clic.
 Por otra parte al hacer clic sobre el
cuadro de texto, se borrará su contenido,
y al hacer doble clic sobre él, se borrará
tanto el contenido del cuadro de texto
como el de la etiqueta.
 Al pulsar el botón Salir finalizará el
programa.
TEXTO CON FORMATO
TEXTO CON FORMATO
 Añade un botón que sirva para eliminar
atributos.
CREAR UN ARCHIVO
EJECUTABLE
 Una
vez creado un programa y
comprobadas todas sus posibilidades,
puede compilarse, para crear un archivo
ejecutable, que permitirá ejecutar el
programa como cualquier otra aplicación
instalada en el ordenador.
 El modo de generar este archivo es:
Project -> make -> executable
 Ejercicio:
Crea
el
programa Cuadrado.
ejecutable
del
Ejercicios
 1. Crear un formulario con un botón de
acción, dos cuadros de texto y diez
etiquetas:
Ejercicios
 2. Al pulsar sobre el botón ejecutar se
completarán los campos:
 Nombre
Completo (utiliza el operador &
que sirve para concatenar cadenas de
texto)
 En mayúsculas (UCase(label_nº.text))
 En minúsculas (LCase(label_nº.text))
 Longitud (Len(label_nº.text))
Ejercicios
 3. Contesta a las siguientes preguntas:
¿Cuántos procedimientos tiene el formulario
anterior?
 ¿A qué evento están asociados?
 ¿Qué significa la instrucción End de un
procedimiento?
 4. Compila el programa para crear un ejecutable.
 5. Ejecuta el programa desde el archivo
ejecutable
 6. Modifica el formulario anterior para que se
introduzcan el nombre, el primer apellido y el
segundo en cuadros de texto independientes.
Agrega un nuevo botón que permita finalizar el
programa y cerrar el formulario.

TIPOS DE DATOS Y
DECLARACIÓN DE VARIABLES
 Los datos en Gambas pueden comportarse
de dos modos:
 como
constantes
 como variables
 La declaración de variables se realiza de la
forma:
[DIM] Identificador AS TipoDeDato
TIPOS DE DATOS Y
DECLARACIÓN DE VARIABLES
 Los tipos de datos que se pueden utilizar
en gambas son los siguientes:







Boolean: admite dos valores Verdadero (true) y Falso
(false)
Integer: admite valores enteros entre -32768 y
32767
Long: admite valores enteros entre -2147483648 y
2147483647
Single: como el tipo float en C
Float: admite valores de tipo flotante, equivalente al
double de C
Date: admite valores de tipo fecha y hora
String: para cadenas de caracteres
Ejercicio
 Explica
cuál será el resultado
siguiente código en un formulario:
del
PUBLIC SUB Form_Activate()
DIM
DIM
DIM
DIM
molecula AS String
atomos AS Integer
masa1 AS Single
masa2 AS Single
molecula = "Cloro"
atomos = 2
masa1 = 35.453
masa2 = atomos * masa1
Message.Info("La masa molecular del " & molecula & " es " & masa2 & " uma")
END
TIPOS DE DATOS Y
DECLARACIÓN DE VARIABLES
 Las variables que hemos declarado hasta ahora
sólo
estarán
disponibles
dentro
del
procedimiento en el que se declaran.
 Si una variable queremos utilizarla en todo el
programa, tendremos que declararla de la
siguiente forma:
Private Identificador as TipodeDato
 Las
constantes sólo se pueden declarar al
principio del programa, nunca dentro de un
procedimiento:
Private Const Identificador as TipodeDato = valor
Ejercicio
 Crea un nuevo formulario para calcular la
longitud de una circunferencia y su área
a partir del valor del radio.
 Utiliza tres variables:
 radio
 circunferencia
 circulo
 Utiliza una constante para el valor de
PI = 3.1416
Ejercicio
OPERADORES
ARITMÉTICOS
 SUMA: +
 RESTA:  MULTIPLICACIÓN: *
 DIVISIÓN: /
 POTENCIA: ^
 COCIENTE DE LA DIVISIÓN: \
 RESTO: MOD
Ejercicio
 Diseña un formulario en el que deben
introducirse dos números enteros. Al
pulsar el botón calcular se obtendrán las
principales operaciones aritméticas.
Para que funcionen el
cociente y el resto habrá
que utilizar la función Cint(),
que transformará el texto
de cualquier TextBox en un
valor numérico entero
LA FUNCIÓN INPUTBOX
 Existe otro modo de introducir un dato, distinto del de
escribirlo en un cuadro de texto, que consiste en
utilizar la función InputBox.
 Esta función mostrará una caja de diálogo con el
mensaje que se especifique, en la que se podrá
escribir el dato que se quiere proporcionar al
programa.
Campos no obligatorios
InputBox(mensaje,[titulo],[texto por omisión])
Texto para informar al
usuaraio de qué debe
introducir
Título
que
aparecerá en la
barra de título del
cuadro
Texto
que
aparecerá en
el cuadro de
datos
ESTRUCTURAS
SELECTIVAS
IF condicion THEN sentencia1 [ELSE sentencia2]...[ENDIF]
IF expresion THEN
...
endif
IF expresion THEN
...
ELSE IF expresion THEN
...
ELSE
...
endif
Ejercicio
 Crea el siguiente formulario:
Cuando pulsemos el botón
Comparar, aparecerá en la
etiqueta cuál de los dos
números es mayor.
Operadores relacionales
 En las condiciones de la sentencia IF será
necesario utilizar los operadores
relacionales: