PROGRAMACIÓN VISUAL CON GAMBAS

Transcripción

1 PROGRAMACIÓN VISUAL CON GAMBAS

2 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

3 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

4 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.

5 QUÉ ES GAMBAS? Permite crear formularios, botones de comandos, cuadros de texto. formularios cuadro de texto Botones

6 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.

7 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...)

8 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.

9 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)

10 QUÉ ES GAMBAS? Con Gambas se pueden hacer aplicaciones o programas con interfaz gráfica de forma muy rápida.

11 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. Primer ejercicio

12 EMPEZANDO CON GAMBAS SEGUNDO EJERCICIO

13 EMPEZANDO CON GAMBAS TERCER EJERCICIO

14 INSTALAR GAMBAS PASO 1 PASO 2

15 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...

16 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...

17 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

18 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

19 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.

20 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á.

21 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

22 EJERCICIO Crear un nuevo proyecto con un único formulario que, al hacer clic sobre él, muestre un cuadro de mensaje con tu nombre completo.

23 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.

24 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.

25 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.

26 CONTROLES Cuadro de texto: Servirá para que el usuario pueda introducir texto en el programa.

27 UN NUEVO PROGRAMA Insertaremos un nuevo formulario que llevará cinco controles:

28 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.

29 PROPIEDADES DE LOS OBJETOS Cada propiedad puede ser modificada: antes de ejecutar el programa o durante la ejecución del programa

30 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

31 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

32 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

33 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.

34 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.

35 TEXTO CON FORMATO

36 TEXTO CON FORMATO Añade un botón que sirva para eliminar atributos.

37 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 ejecutable del programa Cuadrado.

38 Ejercicios 1. Crear un formulario con un botón de acción, dos cuadros de texto y diez etiquetas:

39 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))

40 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.

41 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

42 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 y Long: admite valores enteros entre y 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

43 Ejercicio Explica cuál será el resultado del siguiente código en un formulario: PUBLIC SUB Form_Activate() DIM molecula AS String DIM atomos AS Integer DIM masa1 AS Single DIM masa2 AS Single molecula = "Cloro" atomos = 2 masa1 = masa2 = atomos * masa1 Message.Info("La masa molecular del " & molecula & " es " & masa2 & " uma") END

44 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

45 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 =

46 Ejercicio

47 OPERADORES ARITMÉTICOS SUMA: + RESTA: - MULTIPLICACIÓN: * DIVISIÓN: / POTENCIA: ^ COCIENTE DE LA DIVISIÓN: \ RESTO: MOD

48 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

49 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

50 ESTRUCTURAS SELECTIVAS IF condicion THEN sentencia1 [ELSE sentencia2]...[endif] IF expresion THEN... endif IF expresion THEN... ELSE IF expresion THEN... ELSE... endif

51 Ejercicio Crea el siguiente formulario: Cuando pulsemos el botón Comparar, aparecerá en la etiqueta cuál de los dos números es mayor.

52 Operadores relacionales En las condiciones de la sentencia IF será necesario utilizar los operadores relacionales:

53

54