GUÍA DE LABORATORIO Parte I

Transcripción

1 GUÍA DE LABORATORIO Parte I ELABORADO POR CARLOS CASTILLO PERALTA [email protected] Modificado por Adela Valenciano Suárez [email protected] Adela Valenciano Suárez 1

2 INTRODUCCIÓN La presente Guía de Laboratorio de Microsoft Visual Basic, se elaboró con la finalidad de complementar la parte teórica con la parte práctica del curso. Los problemas presentan un grado de dificultad gradual, es decir, en cada práctica primero se comienzan con problemas muy sencillos con la finalidad de que el estudiante esclarezca dudas y quede claro en los conceptos asimilados en la teoría, y luego en los problemas posteriores se va incrementando el nivel de dificultad. Esta guía explora una gran variedad de materias y contiene muchos problemas recopilados a lo largo de varios años de experiencia. Espero que satisfaga las necesidades de los estudiantes y colegas, ya que ha sido elaborada teniendo en cuenta los objetivos de aprendizaje del curso. Si desean compartirla con otros colegas, me agradaría mucho que lo hicieran, con la única condición de que siempre se respete el derecho del autor. Desde ya les deseo la mejor de las suertes en el aprendizaje de Microsoft Visual Basic. Lima, Diciembre del 2000 Carlos Castillo Peralta Adela Valenciano Suárez 2

3 GUÍA DE LABORATORIO Nº 1 Microsoft Visual Basic Objetivos de: Luego de completar este laboratorio, el estudiante será capaz Identificar los elementos del entorno integrado de de Microsoft Visual Basic Añadir controles a un formulario. desarrollo Establecer las propiedades de los controles. Trabajar con procedimientos de eventos. Crear una aplicación simple con Microsoft Visual Basic. Consideraciones Para el desarrollo del presente laboratorio Ud. deberá crear una carpeta, para guardar sus trabajos correspondientes a este laboratorio. Aplicación Nº 1 Elaborar una aplicación que escriba la frase Hola, Mundo en un control de etiqueta (label). Pulse en el menú de Visual Basic Express Archivo-Nuevo Proyecto. Elija la opción Aplicación de Windows Forms, póngale el nombre al proyecto Hola y pulse Aceptar Para el desarrollo de esta aplicación, proceda a ubicar los siguientes controles en el formulario: 1 etiqueta Una vez ubicados los controles, establezca las propiedades según se indica: Adela Valenciano Suárez 3

4 Form1 FrmSaludo FormBorderStyle 3-Fixed Dialog Saludo StartPosition 2-CenterScreen Locked False Size Alto 100, Ancho 300 Label1 LblSaludo Después de establecer las propiedades para los controles, debe añadir código a la aplicación. Para ello haga doble click sobre el formulario y escriba el siguiente código: Private Sub FormSaludo_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load LblSaludo. = "Hola, Mundo " Guarde todos los cambios realizados. Ejecute la alicación pulsando F5. Cierre la aplicación pulsando el botón cerrar. Vamos a cambiar ahora las propiedades de los controles y comprobar los cambios: Form1 Locked FrmSaludo Ejecuta la aplicación Qué cambio se ha producido sobre el formulario? Pruebe a maximizar la ventana de la aplicación. Realice el siguiente cambio y maximice de nuevo la aplicación. Que ha ocurrido? Form1 MaximiZeBox FrmSaludo False Realice los siguientes cambios y compruebe el resultado. Adela Valenciano Suárez 4

5 Form1 BackColor FrmSaludo Elija usted el color Label1 LblSaludo Font Palatino Linotype, Negrita, 20 ForeColor Indigo Busque un icono en Internet guárdelo y adjudíquelo a la propiedad Icon del Formulario FormSaludo. Ejecuta la aplicación y comprueba el cambio realizado. Juega a activar y desactivar las propiedades del formulario ControlBox y ShowIcon Qué ocurre? Aplicación Nº 2 Elaborar una aplicación que escriba la frase Hola, Mundo seguida de otro texto introducido por el usuario en una caja de texto. La frase aparecerá en una nueva ventana de mensaje. Tal como se ve en la imagen siguiente: Pulse en el menú de Visual Basic Express Archivo-Nuevo Proyecto. Elija la opción Aplicación de Windows Forms, póngale el nombre al proyecto NuevoHola y pulse Aceptar formulario: Para el desarrollo de esta aplicación, proceda a ubicar los siguientes controles en el 1 Etiqueta 1 Caja de texto 1 Botón de comando Una vez ubicados los controles, establezca las propiedades según se indica: Adela Valenciano Suárez 5

6 Form1 FrmSaludo FormBorderStyle 3-Fixed Dialog Saludo StartPosition 2-CenterScreen Locked Size Alto 300, Ancho 300 Label1 LblNombre Nombre: 1 TxtNombre Command1 BtnMostrar Mostrar Después de establecer las propiedades para los controles, debe añadir código a la aplicación. Para ello haga doble click sobre el botón Mostrar y escriba el siguiente código: Private Sub BtnMostrar_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles BtnMostrar.Click MessageBox.Show("Hola Mundo " & TxtNombre.) Guarde y ejecute la aplicación. Realice los siguiente cambios en el código y guarde y ejecute de nuevo la aplicación. Qué cambio se ha producido? Private Sub BtnMostrar_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles BtnMostrar.Click MessageBox.Show("Hola Mundo " & TxtNombre., "Saludo especial") Realice los siguiente cambios en el código y guarde y ejecute de nuevo la aplicación. Qué cambio se ha producido? Private Sub BtnMostrar_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles BtnMostrar.Click MessageBox.Show("Hola Mundo " & TxtNombre., "Saludo especial", MessageBoxButtons.YesNo) Adela Valenciano Suárez 6

7 Realice los siguiente cambios en el código y guarde y ejecute de nuevo la aplicación. Qué cambio se ha producido? Private Sub BtnMostrar_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles BtnMostrar.Click MessageBox.Show("Hola Mundo " & TxtNombre., "Saludo especial", MessageBoxButtons.YesNo, MessageBoxIcon.Information) Command1 código: Añada otro botón al formulario con las siguientes propiedades: BtnCerrar Cerrar Haga doble clik sobre el botón cerrar y escriba el siguiente Private Sub BtnCerrar_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles BtnCerrar.Click Me.Close() Guarde y ejecute la aplicación. Aplicación Nº 3 Elaborar una aplicación que permita calcular el salario neto de un trabajador en función del número de horas trabajadas, pago por hora de trabajo y un descuento fijo al sueldo bruto del 20 por 100. Los cálculos a efectuar para obtener el salario neto de un trabajador se muestran a continuación: SalarioBruto = HorasTrabajadas * PagoPorHora Descuento = 0.2 * SalarioBruto SalarioNeto = SalarioBruto - Descuento El diseño de la interfaz debe ser similar a la figura mostrada: Adela Valenciano Suárez 7

8 Para el desarrollo de esta aplicación, proceda a ubicar los siguientes controles en el formulario: 2 GroupBox 6 etiquetas 6 cajas de texto 3 botones de comando Una vez ubicados los controles, establezca las propiedades según se indica: Form1 FormBorderStyle StartPosition GroupBox1 GroupBox2 Label1 AutoSize text FrmSalarioNeto 3-Fixed Dialog Cálculo del salario neto 2-CenterScreen GrpIngreso Ingreso de datos: GrpSalida Salida de datos: LblApellidosNombres Apellidos y Nombres: Adela Valenciano Suárez 8

9 Label2 AutoSize text Label3 AutoSize Label4 AutoSize Label5 AutoSize Label6 AutoSize LblHorasTrabajadas Horas trabajadas: LblPagoHora Pago por hora LblSalarioBruto Salario bruto LblDescuento Descuento LblSalarioNeto Salario neto TxtApellidosNombres TxtHorasTrabajadas TxtPagoPorHora TxtSalarioBruto TxtDescuento Adela Valenciano Suárez 9

10 6 Command1 Command2 Command3 TxtSalarioNeto BtnAceptar &Aceptar BtnLimpiar &Limpiar BtnSalir &Salir Después de establecer las propiedades para los controles, debe añadir código a la aplicación. Para ello haga doble click sobre el botón Aceptar y escriba el siguiente código: Private Sub BtnAceptar_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles BtnAceptar.Click Const DESC As Double = 0.2 Dim HorasTrabajadas As Integer Dim PagoHora As Double Dim SalarioBruto As Double Dim Descuento As Double Dim SalarioNeto As Double 'Calcular los datos 'Con conversión de tipos HorasTrabajadas = CInt(TxtHorasTrabajadas.) PagoHora = CDbl(TxtPagoHora.) SalarioBruto = HorasTrabajadas * PagoHora Descuento = DESC * SalarioBruto SalarioNeto = SalarioBruto Descuento 'Escribir los resultados en las cajas de texto 'Con conversión de tipos TxtSalarioBruto. = CStr(SalarioBruto) TxtDescuento. = CStr(Descuento) TxtSalarioNeto. = CStr(SalarioNeto) A continuación haga doble click sobre el botón Salir y añada el siguiente código: Private Sub BtnSalir_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles BtnSalir.Click Close() Adela Valenciano Suárez 10

11 Guarde y luego ejecute la aplicación que acaba de crear. Pruebe introduciendo diferentes valores. Luego, haga doble click sobre el botón Limpiar y añada el siguiente código: Private Sub BtnLimpiar_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles BtnLimpiar.Click TxtApellidosNombres. = "" TxtHorasTrabajadas. = "" TxtPagoHora. = "" TxtSalarioBruto. = "" TxtDescuento. = "" TxtSalarioNeto. = "" TxtApellidosNombres.Focus() Guarde y ejecute su aplicación. Cómo afecta el código añadido en el botón Limpiar a la aplicación?. Anote sus observaciones. Las salidas de datos deben ser ReadOnly? Qué ocurre con las propiedades TabStop y TabIndex? Aplicación Nº 4 Elaborar una aplicación que permita calcular la edad de una persona a partir de su fecha de nacimiento. El diseño de la interfaz debe ser similar a la figura mostrada: Para el desarrollo de esta aplicación, proceda a ubicar los siguientes controles en el formulario: 2 etiquetas 2 cajas de texto 3 botones de comando Luego, proceda a establecer las propiedades según se indica a continuación: Form1 FrmEdad Adela Valenciano Suárez 11

12 FormBorderStyle 3-Fixed Dialog Calcula la edad de una persona AcceptButton CancleButton Label1 AutoSize LblFecNac Fecha de nacimiento: Label2 AutoSize 1 2 ReadOnly Command1 Command2 Command3 LblEdad Su edad es: TxtFecNac TxtEdad BtnAceptar &Aceptar BtnLimpiar &Limpiar BtnSalir &Salir En seguida proceda a introducir el siguiente código: Private Sub BtnAceptar_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles BtnAceptar.Click Dim FecNac As Date, Edad As Long If Not IsDate(TxtFecNac.) Then MessageBox.Show("Compruebe que ha introducido bien la fecha", "Fecha incorrecta", MessageBoxButtons.OK, MessageBoxIcon.Error) Else FecNac = CDate(TxtFecNac.) Edad = DateDiff("d", FecNac, Now) \ 365 TxtEdad. = CStr(Edad) & " años" End If Adela Valenciano Suárez 12

13 Se deja como ejercicio para el estudiante el código asociado con los botones Limpiar y Salir, respectivamente. Aplicación Nº 5 Se tiene un cajero automático el cual permite manipular cierta cantidad de dinero para lo cual dispone de los siguientes billetes: 5.00, 10.00, 20.00, 50.00, , y Euros. Elaborar una aplicación que permita la lectura de la cantidad a retirar e indique el menor número de billetes a utilizar. Creo que a estas alturas Ud. ya entendió como funciona esto. Por ello, esta aplicación se deja como ejercicio para el estudiante. Aplicación Nº 6 Cree la aplicación de una calculadora sencilla, Tal como la que se muestra. Adela Valenciano Suárez 13

14 Más cosas interesantes. Copyright El Guille ( Vamos a hacer que los controles que tengamos en un formulario se adapten de forma automática al nuevo tamaño de la ventana, ya que no todo el mundo usa la misma resolución que nosotros ni los mismos tamaños de letras. Hacer esto con las versiones anteriores de Visual Basic era un trabajo duro y algunas veces bastante engorroso, que requería bastante código y casi nunca se lograba lo que queríamos... que no sabes de qué estoy hablando? bueno, no te preocupes que, aunque ahora no sepas la utilidad de todo lo que te voy a explicar pueda tener, en algún momento lo necesitarás y aquí tendrás la explicación de cómo hacerlo. Para entrar en calor, te expondré un caso típico: El tamaño de una ventana de Windows, (que al fin y al cabo es un formulario), se puede hacer redimensionable, es decir que el usuario puede cambiar de tamaño, en estos casos, lo adecuado sería que los controles que dicho formulario contenga, se adapten al nuevo tamaño de la ventana, con idea de que no queden huecos vacíos al cambiar el tamaño de la ventana. Por ejemplo, si tenemos esta ventana (o formulario): Figura 1 y la agrandamos, por ejemplo para que tenga este otro aspecto: Figura 2 comprobaremos que la ventana se ha agrandado, pero los controles que hay en ella siguen teniendo el mismo tamaño y la misma posición que en la ventana anterior. Pues bien, la idea de lo que te quiero explicar es que al cambiar el tamaño de la ventana se ajusten los controles al nuevo tamaño, para que tuviesen este otro aspecto: Adela Valenciano Suárez 14

15 Figura 3 Para que esto sea posible de forma automática, hay que hacer unas cuantas asignaciones a los controles, de forma que podamos indicarle qué tienen que hacer cuando el tamaño de la ventana varíe. En este ejemplo, lo correcto sería que: - La caja de texto superior se agrandase hacia el lado derecho. - El botón Añadir se moviese hacia el extremo derecho del formulario. - La caja de texto multilinea se ajustara al ancho y también al alto de la ventana. Antes de empezar a explicarte, vamos a crear un nuevo proyecto. Crea un proyecto del tipo Windows, (aplicación Windows o Windows Application), nómbralo como WinApp3. Añade una etiqueta (Label), una caja de textos (Box), un botón (Button) y una caja de texto con la opción multiline (Bob) Deja los nombres que el IDE ha puesto, salvo para el botón, el cual se llamará cmdadd. (realmente puedes ponerles los nombres que quieras, pero los que yo voy a usar son: Label1, Box1, Box2 y BtnAñadir) Posiciona esos controles tal y como se muestra en la figura 1. Selecciona la caja de textos (Box1) y en la ventana de propiedades, selecciona Anchor, verás que por defecto estarán los valores Left y Top, esto quiere decir que la caja de textos estará "anclada" a la izquierda y arriba, pero ahora vamos a seleccionar también la derecha. Cuando pulses en la lista desplegable verás que se muestra una imagen con cuatro líneas, (como la mostrada en la figura 4), dos de las cuales son oscuras (están seleccionadas) y las otras dos están blancas (no seleccionadas), pulsa en la línea de la derecha, para que se ponga gris, de esta forma estaremos indicándole que también se "ancle" a la derecha. Figura 4 Adela Valenciano Suárez 15

16 Vamos a comprobarlo. Pulsa F5 para ejecutar el proyecto. Una vez que se muestre el formulario en ejecución, agrándalo hacia la derecha, verás que la caja de textos se adapta al nuevo tamaño. Ahora "achicalo", es decir haz que se haga más pequeño hacia la izquierda, incluso haz que no se vea el botón, comprobarás que la caja de texto sigue estando "proporcionalmente" igual de separada de los extremos superior, derecho e izquierdo y se adapta al tamaño de la ventana. Incluso si intentas hacer la ventana muy pequeña, el ancho se quedará justo en la parte izquierda de la caja de texto, con el alto puedes hacer que casi desaparezca, (salvo el caption de la ventana, la barra de arriba, la cual se mantiene). Ahora vamos a "anclar" el botón. Una vez que hayas terminado de probar... vamos a seguir... valeeee! deja ya de juguetear con la dichosa ventanita. Ahora, de vuelta al IDE, selecciona el botón y en la ventana de propiedades selecciona la propiedad Anchor. En este caso, lo que nos interesa es que el botón se desplace a la derecha, pero que no se haga más grande. Para ello, debes seleccionar las líneas de la derecha y la de arriba. Es decir: ánclate en la parte de arriba y en la derecha, de forma que si cambiamos el tamaño del formulario, el botón se desplazará a la derecha o a la izquierda, pero no cambiará de tamaño, como le ocurre al textbox. Pulsa F5 y compruébalo. Agranda el formulario, (hacia la derecha) y achicalo, (hacia la izquierda), verás que el botón llegará casi a tocar el lado izquierdo del formulario y allí se quedará, no permitiendo que se haga más pequeño. Por último vamos a anclar el Box2... cómo? que quieres intentarlo por tu cuenta? vale... me parece bien... Sólo decirte que el Box2 debe hacerse grande tanto hacia la derecha como hacia la izquierda e incluso cuando se estira el formulario desde la parte inferior, pero en la parte superior debe mantenerse en la misma posición. Fíjate en la figura 3... Bueno, espero que lo hayas conseguido. Si no es así, no te preocupes, ahora veremos la solución. Vamos a complicar un poco más la cosa y vamos a añadirle otro botón. En este caso, dicho botón estará en la parte inferior derecha del formulario, será el botón cerrar y al pulsarlo hay que cerrar el formulario... recuerdas cómo se hace? Exacto! usando Me.Close en el evento Click de dicho botón, el cual yo voy a llamar BtnCerrar. Como te decía, este botón se debería anclar en la parte inferior derecha, por tanto los valores que hay que asignar en Anchor son precisamente esos: Right y Botton (derecha y abajo). Como habrás notado, con el Label1 no hay que hacer nada, ya que por defecto el tamaño se ajusta por la derecha y por abajo, por tanto se quedará en la misma posición... aunque realmente está anclada arriba y a la izquierda, que son los valores por defecto de la propiedad Anchor, por eso no es necesario asignarle nada. Otra cosilla interesante que tienen los formularios es la propiedad AutoScroll. Si asignamos el valor (verdadero) a esta propiedad, hacemos que cuando el formulario se haga muy pequeño o muy estrecho, se muestren unas barras de desplazamiento (scrolls) para que pulsando en ellas podamos ver el contenido del mismo. Por ejemplo si no hubiésemos "anclado" nuestros controles, al hacer el formulario más estrecho se mostrarían unas barras de desplazamiento para que podamos ver los controles que están contenidos en el formulario. También podemos hacer que al Box2 le aparezcan barras de desplazamiento cuando el texto incluido en el se demasiado largo y no quepa entero el el control. Ejecuta la aplicación y escribe mucho texto en el Box2, notarás que parte del texto deja de verse cuando ya no cabe. Cierra la aplicación. Adjudícale a la propiedad ScrollBars del TectBox2 la opción Vertical. Ejecuta la aplicación y escribe mucho texto en el Box2, notarás que ahora aparece una barra de desplazamiento vertical. Adela Valenciano Suárez 16