Utilizar los elementos básicos de la programación de interfaces gráficas de usuario para el diseño y desarrollo de programas de aplicación.

Transcripción

1 Utilizar los elementos básicos de la programación de interfaces gráficas de usuario para el diseño y desarrollo de programas de aplicación.

2 2.1. Introducción al entorno de desarrollo La programación visual (visual programming) se refiere al desarrollo de software donde las notaciones gráficas y los componentes de software manipulables interactivamente son usados principalmente para definir y componer programas. La programación visual se define comúnmente como el uso de expresiones visuales (tales como gráficos, animación o iconos) en el proceso de la programación. El objetivo de la programación visual es mejorar la comprensión de los programas y simplificar la programación en sí. Más allá, la programación visual deberá fomentar a los usuarios finales a construir sus propios programas, que de otra forma deben ser escritos por programadores profesionales. Los lenguajes visuales más comunes son visual basic, visual c++, visual java, entre otros Cada lenguaje de programación cuenta con un entorno específico, el entorno es el área principal de trabajo.

3 En el caso de visual studio 2010 para llegar al entorno de trabajo se deben seguir estos pasos: Pasos para iniciar un proyecto en visual studio Seleccionar la opción nuevo proyecto, aparecerá la siguiente pantalla: 2.- Seleccionar en Tipos de proyectos: Visual Basic 3.- Seleccionar en Plantillas: Aplicación de Windows Forms 4.- Asignar el nombre al Proyecto y la ubicación, después dar aceptar.

4 5.- Una vez asignado el nombre al proyecto, El entorno de desarrollo Visual Studio mostrará un formulario, en el diseñador, como en la pantalla siguiente: Barra de menú Barra de herramientas Explorador de soluciones Cuadro de herramientas Formulario Barra de propiedades Imagen 1: Entorno de Visual Basic

5 2.2. Ventanas de VB Ventana de Cuadro de Herramientas. El Cuadro de herramientas muestra iconos para los controles y otros elementos que se pueden agregar a los proyectos Visual Studio. Para abrir el Cuadro de herramientas, haga clic en Cuadro de herramientas en el menú Vista. Puede acoplar el Cuadro de herramientas y anclarlo como abierto o establecerlo en Ocultar automáticamente. Los iconos Cuadro de herramientas se pueden arrastrar a una vista de diseño o pegar en un editor de código. Cualquier acción agrega el código básico para crear una instancia del elemento del Cuadro de herramientas en el archivo del proyecto activo. Ventana de Form o Formulario. La ventana de Form o formulario es el área donde se diseña la interfaz gráfica, es decir, es donde se insertan gráficos, como botones, imágenes, casilla de verificación, cuadros de listas, etc. Ventana de Explorador de Soluciones. El explorador de soluciones muestra los elementos involucrados en el proyecto, como formularios, módulos, controles oxc, etc. Cada elemento puede seleccionarse en forma independiente para su edición. Ventana de Propiedades. La Ventana propiedades muestra todas las propiedades del control actualmente seleccionado, en este caso muestra las propiedades del Form1. Ventana de Código. La ventana Definición de código es una vista del editor que muestra la definición de un símbolo en un archivo de código almacenado en el proyecto activo o al que se hace referencia en el proyecto activo. Para mostrar esta ventana, seleccione código en el menú Ver o dar doble clic sobre cualquier objeto de la ventana de diseño. Cuando se abre la ventana por primera vez, se muestra la definición del último símbolo seleccionado.

6 2.3. Etiquetas Los controles Label de formularios Windows Forms se utilizan para mostrar texto o imágenes que el usuario no puede editar. Dado que el control Label tiene como objetivo principal mostrar texto, las propiedades más importantes para un control Label son las propiedades que controlan su aspecto: La propiedad Text contiene el texto que se muestra en el control Label. La propiedad Font determina la fuente con la que se mostrará el texto en la propiedadtext. La propiedad ForeColor determina el color del texto en sí y La propiedad BackColor determina el color del área que rodea el texto. También se puede utilizar el siguiente código para ocultar una etiqueta Label1.Visible.False.

7 2.4. Botones El control button.- Desencadena un evento cuando un usuario hace clic sobre él. El control RadioButton.- Permite al usuario seleccionar una única opción, de entre un grupo de opciones cuando están emparejadas con otros radiobutton. Este control es similar al código de la estructura de seleccìón select case en Visual Basic o switch- case en C++, o case en Java. El control CheckBox.- Permite al usuario seleccionar o quitar la opción asociada. Este control es similar al código de la estructura de selección if- then- else en Visual Basic, if else en C++ o Java.

8 Estructuras de Selección en VB. Select- Case.- Ejecuta uno de varios grupos de instrucciones, según el valor de una expresión. Su sintaxis es: Select Case variable( Debe evaluarse en uno de los tipos de datos elementales (Boolean, Byte, Char, Date, Double, Decimal, Integer, Long, Object,SByte, Short, Single, String, UInteger, ULong y Ushort). case condición (Lista de cláusulas de expresiones que representan valores que coinciden para variable. Las cláusulas de varias expresiones se separan mediante comas. ). case. End Select

9 Ejemplo de programa en VB con Select Case Dim number As Integer = 8 Select Case number Case 1 To 5 MsgBox( El número esta entre 1 y 5, inclusive") Case 6, 7, 8 MsgBox( El número esta entre 6 y 8, inclusive") Case 9 To 10 MsgBox( El número es igual a 9 o 10") Case Else MsgBox( El número no esta entre 1 y 10") End Select