miércoles, 19 de febrero de 2014

Grado Undécimo - Documento de Apoyo - Programa Decisiones

GRADO 0NCE
DOCUMENTO DE APOYO PARA EL TALLER UNO
PROGRAMA DECISIONES

INTERFAZ GRÁFICA DE USUARIO – GUI

En la interfaz gráfica, mostramos una serie de opciones (5) y de acuerdo a la escogencia se muestra la imagen respectiva.


Imagen1. GUI del programa

Además del formulario, se utilizan las siguientes herramientas:

Herramienta
Name
Text
Label
lblAviso
Escoja la figura que desea ver:
RadioButton
radNinguno
Ninguno
RadioButton
radCrisantemo
Crisantemo
RadioButton
radDesierto
Desierto
RadioButton
radKoala
Koala
RadioButton
radPinguinos
Pingüinos
Button
btnMostrar
Mostrar
PictureBox
picImagen
No aplica
Tabla1. Objetos y propiedades

El RadioButton es una herramienta que en tiempo de ejecución es excluyente, es decir de todas ellas solamente puedes escoger una (ideal para lo que queremos hacer en nuestro programa).


Imagen2. Detalle del Cuadro de Herramientas


Imagen3. Detalle del Cuadro de Herramientas

Se pretende con este programa que recordemos como se usa la instrucción:

If          Condición 1 Then
            Acción 1
Else
            Acción 2
End If

Con dicha estructura podemos realizar acciones de acuerdo a las decisiones que haya tomado el usuario del programa. Con un IF podemos ejecutar una u otra acción (dos), pero como tenemos cinco opciones en el programa se hace necesario que anidemos (“metamos uno dentro de otro”) los IF, como se ve en la siguiente propuesta de Código Fuente.

Recordemos que las palabras escritas en color azul son palabras reservadas del lenguaje y las de color verde son comentarios, los cuales se logran al digitar un apostrofe ('), todo lo siguiente no será tomado en cuenta por el lenguaje de programación y sirve como comentario para el lector.

El código fuente se desarrolla cuando el usuario de clic sobre el botón, luego es este evento el que debemos programar.

'Estas dos primeras líneas las “escribe” automáticamente el Visual Basic, 'cuando das doble clic sobre el botón en tiempo de diseño

Public Class frmDecision 'primera línea no debes escribirla

Private Sub btnMostrar_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnMostrar.Click 'segunda línea no debes escribirla

'acá se inicia el código que debes escribir
If radNinguno.Checked = True Then 'se verifica si se escoge la opción Ninguno
   picImagen.ImageLocation = ""
Else
  If radCrisantemo.Checked = True Then ' se verifica si se escoge la opción Crisantemo
     picImagen.ImageLocation = "C:\Users\Public\Pictures\Sample Pictures\Chrysanthemum.jpg"
  Else
     If radDesierto.Checked = True Then ' se verifica si se escoge la opción Desierto
        picImagen.ImageLocation = "C:\Users\Public\Pictures\Sample Pictures\Desert.jpg"
     Else
        If radKoala.Checked = True Then ' se verifica si se escoge la opción Koala
           picImagen.ImageLocation = "C:\Users\Public\Pictures\Sample Pictures\Koala.jpg"
        Else 'Por se la única opción que queda se muestra la imagen Pinguinos
           picImagen.ImageLocation = "C:\Users\Public\Pictures\Sample Pictures\Penguins.jpg"
        End If
     End If
  End If
End If

'Estas dos últimas líneas las “escribe” automáticamente el Visual Basic, cuando das doble 'clic sobre el botón en tiempo de diseño
End Sub

End Class 


No hay comentarios:

Publicar un comentario