PROGRAMACIN VISUAL CON GAMBAS

QU ES GAMBAS?
Gambas

es un lenguaje de programacin libre derivado de BASIC. Es similar al producto de Microsoft Visual Basic Gambas no es slo un lenguaje de programacin, sino tambin un entorno de programacin visual para desarrollar aplicaciones grficas o de consola y distribuido bajo la licencia GPL GNU

GPL GNU
La Licencia Pblica 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 distribucin, modificacin y uso de software. Su propsito es declarar que el software cubierto por esta licencia es software libre

BASIC
BASIC es un lenguaje de programacin

que originalmente fue desarrollado como una herramienta para la enseanza; Se disemin entre las microcomputadoras hogareas a partir de la dcada de 1980, y sigue siendo muy popular hoy en da, 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 clasificacin que hicimos en el tema

anterior sobre los lenguajes de programacin, podramos 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 adems utilizan diferentes OBJETOS. A estos objetos se les puede determinar tanto sus propiedades (tamao, color...) como su comportamiento al hacer determinados EVENTOS sobre ellos (hacer clic, posar el ratn, arrastrar...)

POR QU EL NOMBRE DE GAMBAS?

El

nombre de Gambas responde al acrnimo recursivo Gambas Almost Means Basic (Gambas Casi Significa Basic), ya que no podemos considerarlo un clon de BASIC, puesto que Gambas tambin est muy inspirado por el lenguaje de programacin Java. Debido a este nombre, el logo del proyecto Gambas es una gamba de color azul.

ACRNIMO RECURSIVO
Un acrnimo recursivo es aqul en el que

una de las letras se refiere al acrnimo en s, recursivamente. El ejemplo ms conocido quiz sea el de GNU, que significa GNU is not UNIX. Como se ve, la G referencia al propio acrnimo en s, hacindolo recursivo (o recurrente segn la RAE)

QU ES GAMBAS?
Con

Gambas se pueden hacer aplicaciones o programas con interfaz grfica de forma muy rpida.

EMPEZANDO CON GAMBAS

Vamos a seguir una serie de pasos, sin

pensar demasiado, para hacer una aplicacin muy sencilla, esto nos servir para familiarizarnos con Gambas, aunque an 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 utilizacin de objetos. Ejemplos de objetos:

Ventanas, botones

de accin, barras de desplazamiento, listas desplegables, cuadros de texto, casillas de verificacin, botones de opcin ...

OBJETOS, EVENTOS, MENSAJES Y PROCEDIMIENTOS

EVENTO: Un evento es una accin que se

puede realizar con un objeto. Ejemplos de eventos:

hacer

clic con el ratn posar el ratn sobre el objeto pulsar el botn derecho del ratn moverlo ...

OBJETOS, EVENTOS, MENSAJES Y PROCEDIMIENTOS

MENSAJE:

Cuando se ejecuta un programa orientado a objetos, todos los objetos implicados en l estn 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 MTODO O PROCEDIMIENTO correspondiente al evento en cuestin

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 botn Command1, se realizar el procedimiento asociado al evento hacer clic sobre dicho botn.

Todos los objetos del formulario estn esperando mensajes de qu est ocurriendo

Estas son las respuestas que darn los objetos cuando ocurra el evento hacer clic sobre el botn Command 1

CMO 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 programacin. Los pasos son:
Aadir 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 cmo 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 ttulo 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. Adems se puede escribir texto con formato html Cuadro de imagen: Para mostrar grficos e imgenes.

CONTROLES
Cuadro de Pelcula: Para insertar vdeos animados. Barra de progreso: Para mostrar cmo avanza el progreso de una determinada accin Botn de accin: Permite insertar botones que el usuario podr utilizar al hacer clic sobre ellos para acciones concretas. Casilla de verificacin: Se utilizan para indicar dos posibles estados de una opcin: activada o desactivada. Botones de opcin: Son parecidos a las casillas de verificacion, pero en este caso el usuario slo podr marcar uno de los botones que estn agrupados.

CONTROLES
Marco: Servir para agrupar controles relacionados entre s. Por ejemplo, un conjunto de botones de opcin. Barra de botones: Servir para aadir controles que se activarn slo cuando el ratn pase por encima. Barra de desplazamiento: Permite insertar una barra vertical u horizontal. Segn la posicin 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 ms importantes es el nombre, puesto que ser el que se tendr que utilizar siempre que se quiera hacer alusin a l. Por defecto, el programa nombra los objetos de forma genrica con el nombre de la clase del objeto y un nmero.

PROPIEDADES DE LOS OBJETOS

Cada propiedad puede ser modificada:

antes

de ejecutar el programa o durante la ejecucin del programa

MODIFICAR LAS PROPIEDADES EN TIEMPO DE DISEO

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 EJECUCIN

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 botn Calcular o Alt+C el

programa calcular el cuadrado del nmero introducido. Al iniciar el programa, prepararemos el cuadro de texto para que no muestre nada, y el cuadro del resultado tambin estar vaco. El ttulo del formulario principal ser Clculo del cuadrado de un nmero Cambiar el tipo de letra para las tres etiquetas, por Sans Serif y el tamao a 4 El tamao de la letra para el botn 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 mayora de ellos son comunes a todos los controles. Los eventos de un control podrn introducirse en el cdigo del programa dndole al botn derecho del ratn y eligiendo la opcin 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 funcin de sobre qu botn de accin 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 botn Salir finalizar el programa.

TEXTO CON FORMATO

TEXTO CON FORMATO

Aade un botn 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 aplicacin 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 botn de

accin, dos cuadros de texto y diez etiquetas:

Ejercicios
2. Al pulsar sobre el botn ejecutar se

completarn los campos:

Nombre

Completo (utiliza el operador & que sirve para concatenar cadenas de texto) En maysculas (UCase(label_n.text)) En minsculas (LCase(label_n.text)) Longitud (Len(label_n.text))

Ejercicios
3. Contesta a las siguientes preguntas:

Cuntos procedimientos tiene el formulario anterior? A qu evento estn asociados? Qu significa la instruccin 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 botn que permita finalizar el programa y cerrar el formulario.

TIPOS DE DATOS Y DECLARACIN DE VARIABLES

Los datos en Gambas pueden comportarse

de dos modos:
como

constantes como variables

La declaracin de variables se realiza de la

forma:

[DIM] Identificador AS TipoDeDato

TIPOS DE DATOS Y DECLARACIN 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

cul ser el resultado siguiente cdigo 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 DECLARACIN DE VARIABLES

Las variables que hemos declarado hasta ahora

slo estarn 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 slo 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 ARITMTICOS
SUMA: + RESTA: MULTIPLICACIN: * DIVISIN: / POTENCIA: ^ COCIENTE DE LA DIVISIN: \ RESTO: MOD

Ejercicio
Disea un formulario en el que deben

introducirse dos nmeros enteros. Al pulsar el botn calcular se obtendrn las principales operaciones aritmticas.

Para que funcionen el cociente y el resto habr que utilizar la funcin Cint(), que transformar el texto de cualquier TextBox en un valor numrico entero

LA FUNCIN INPUTBOX
Existe otro modo de introducir un dato, distinto del de

escribirlo en un cuadro de texto, que consiste en utilizar la funcin InputBox. Esta funcin mostrar una caja de dilogo 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 omisin])

Texto para informar al usuaraio de qu debe introducir

Ttulo que aparecer en la barra de ttulo 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 botn Comparar, aparecer en la etiqueta cul de los dos nmeros es mayor.

Operadores relacionales
En las condiciones de la sentencia IF ser

necesario utilizar los operadores relacionales: