Ing. Vanessa Borjas. Entorno gráfico En un entorno gráfico se tiende a que cada uno de los programas esté compuesto por un formulario, aunque no es una.

Presentación del tema: "Ing. Vanessa Borjas. Entorno gráfico En un entorno gráfico se tiende a que cada uno de los programas esté compuesto por un formulario, aunque no es una."— Transcripción de la presentación:

1 Ing. Vanessa Borjas

2 Entorno gráfico En un entorno gráfico se tiende a que cada uno de los programas esté compuesto por un formulario, aunque no es una regla pero es bastante habitual. Por lo tanto, cada una de las opciones que tenga una aplicación se puede asociar a un formulario o ventana.

3 Interfaz de usuario Es el elemento visual que sirve de comunicación con el usuario. Visual Basic.Net cuenta con un conjunto de objetos que están a nuestra disposición y que nos permiten crear una interfaz de usuario para cualquiera de las necesidades que nos puedan surgir. Existen objetos más sofisticados que permiten resultados más llamativos, todo es cuestión de gustos y de necesidades.

4 Hay objetos para… Mostrar información (Etiquetas, grupos de objetos, visualizar imágenes). Introducción de datos (Cajas de texto, rejillas). Órdenes (Botones para activar la acción a realizar por el usuario). Opciones (Para seleccionar una acción entre varias, activar una opción en concreto). Selección de datos (Cajas desplegables, listas de datos). Especializados (Impresión, conexión con bases de datos, menús y barras).

5 Ahora… …lo que hay que hacer es pensar cómo queremos que sea nuestra ventana y pensar cuáles objetos vamos a utilizar.

6 Algunos consejos en cuanto a Diseño: Cuidar los espacios, la distribución, los colores a utilizar y cómo será el texto (colores, fuentes, …) Ayudas que vamos a incorporar y su ubicación. La estética es muy importante, hay que cuidar esa primera impresión. Crear las ventanas desde el centro del monitor hacia el exterior, de tal forma que el ojo del usuario deba moverse lo menos posible (esto reduce el cansancio). Los colores fosforescentes son inadecuados. Los contrastes entre los colores deben permitir que se puedan ver adecuadamente los contenidos.

7 Algunos Objetos: ETIQUETA (LABEL) Sirve para mostrar datos o algún tipo de información. Es un objeto al cual en su propiedad de texto le asignamos el contenido, el dato que deseamos mostrar con el tipo de fuente que deseamos que nos muestre. La utilización suele ser:

8 Una etiqueta (label) puede ser útil en varios tipos de acciones, por ejemplo:  Mensajes de ayuda a la introducción de datos.  Información sobre el valor de un dato de código introducido en un campo.  Como título de una zona de nuestra ventana. Nota: en este objeto, los eventos que se producen son mínimos (o clasificados como secundarios) pues, en realidad, una vez que se muestra la información en el mismo, su tarea en el programa es reducida.

9 Para capturar datos. Su misión es la de recibir los eventos generados por el teclado, y mostrar los datos que se escriben. Algunos Objetos: CAJA DE TEXTO (TEXTBOX)

10 Sirve para que el usuario nos indique la acción que desea realizar. puede usarse para la entrada de datos con el ratón, o para validar cualquier operación. El tamaño puede cambiarse a voluntad, pero la forma siempre es rectangular. Algunos Objetos: BOTONES DE ACCIÓN (BUTTON)

11 Se utiliza para mostrar y cargar archivos de imagen, dibujar figuras mediante métodos gráficos y como contenedor de otros controles. Algunos Objetos: IMÁGENES (PICTUREBOX)

12 Sirve de contenedor para albergar otros objetos en su interior y crear un entorno más o menos agradable a fin de obtener una mejor organización y visión de los datos que se están mostrando. Algunos Objetos: GRUPO DE OBJETOS (GROUPBOX)

13 EJERCICIO 1) Diseñar el siguiente formulario llamado frm_inicio

14 2) Diseñar un segundo formulario llamado frm_colores.

15 3) Al hacer click en el botón ENTRAR del formulario frm_inicio, debe aparecer el formulario frm_colores y ocultarse el actual. 4) Cada botón de segundo formulario debe cambiar el color de fondo del formulario de acuerdo a lo que se haya seleccionado. 5) El botón REGRESAR de frm_colores debe volver al formulario inicial y ocultar el formulario actual.