LABORATORIO 2 Introducción al Visual BasicI. FUNDAMENTO:

Microsoft Visual Basic es actualmente el lenguaje de programación mas popular del mundo diseñado especialmente para crear aplicaciones graficas de manera fácil y eficiente. Con Microsoft Visual Basic no es necesario escribir numerosas líneas de código para diseñar la interfaz grafica de usuario, solo es necesario “dibujar” ciertos objetos prefabricados llamados controles (etiquetas, cuadros de texto, botones de comando, listas desplegables, etc.) en un formulario dentro de la pantalla. A continuación se escribe el código fuente asociado con cada objeto. Esto es, cada objeto queda ligado a un bloque de código que se ejecuta cuando se produce el suceso que lo activa (por ejemplo un clic del mouse)La siguiente figura muestra alguno de los componentes y ventanas del entorno de desarrollo

Prefijos para la denominación de los controles mas comunesPrefijo Control Descripcióncmd Command Buttom Botón de Comando

Icono del menúControl

Barra de herramientas

Barra demenús

Coordenadas de Ubicación del formulario

Coordenadas del formulario

Cuadro de herramientas

Ventana Formulario

Ventana Posición del formulario Explorador de Proyectos

Ventana Propiedades

lbl Label Etiquetatxt Text Box Cuadro de Texto

II OBJETIVO

- Familiarización con el entorno Visual Basic- Identificar y utilizar los diferentes tipos de controles- Identificar Ventana Formulario- Identificar la ventana propiedades

III MATERIALES

1. Computadora con Windows 95 o +2. Visual Basic 5.0 o +

IV PROCEDIMIENTO0. Abrir Visual Basic desde el menú Inicio (Start) de Windows. Este entorno de

desarrollo generalmente se encuentra en un Submenú llamado Microsoft Visual Basic 5.0.

MANIPULACION E INSERCIÓN DE CONTROLES1. Elegir la opción de nuevo proyecto EXE estandar

2. Ubique la ventana Posición del formulario que observa al interior? (sino encuentra nada inicie la ejecución de la aplicación y deténgala nuevamente, tenga en cuenta que para iniciar la ejecución de la aplicación puede: a) presionar F5 ó b) hacer clic en el boton de la barra de herramientas que se asemeja al boton PLAY de nuestro stereo ó c) hacer clic en la opcion ejecutar de la barra de menu y elegir iniciar. Para terminar la aplicación puede:a)hacer clic en el boton de la barra de herramientas que asemeja el boton STOP de nuestro stereo b) hacer clic en la opcion ejecutar de la barra de menu y elegir terminar)

3. Ubique la ventana Propiedades

4. Que observa Se observaba diferentes opciones para aplicar a mis controles.5. Inserte o dibuje tres etiquetas (labels) para la inserción de cualquier control

siga cualquiera de estos pasos:a. Haga doble clic en el boton para etiquetas del cuadro de herramientas .

El control etiqueta aparecerá al centro del formulario.b. Si hace clic en el boton etiqueta del cuadro de herramientas, dicho boton

se resalta. Si en ese momento lleva el cursor del mouse al formulario, el cursor toma la forma de una cruz que le indica que puede colocar el control en cualquier parte del formulario, arrastre el cursor de cruz sobre algun lugar de este y suelte el boton del mouse.

6. Incremente su tamaño: seleccione el control aparecerán los controladores de tamaño alrededor del control seleccionado, usted puede arrastrar cualquiera de estos controladores para aumentar o reducir el tamaño del control.

7. Cambie la propiedad Nombre según el formato y prefijo anteriormente descritos Ejm:

LblNombres8. Cambie la propiedad Caption Ejm: Nombres y Apellidos

9. Que diferencia existe entre la propiedad nombre y la propiedad caption?En que la propiedad NOMBRE designa un nombre oculto al objeto y la propiedad CAPTION designa un nombre visible.

10.Asigne el siguiente valor a la propiedad caption de la primera etiqueta:“Este texto es extremadamente extenso para una etiqueta de tamaño normal”11.Establezca la propiedad Autosize en False12.¿Qué observa en la etiqueta?

13.Asigne el siguiente valor a la propiedad caption de la segunda etiqueta:“Este texto es igual de grande para una etiqueta de tamaño normal”14.Establezca la propiedad Worwrap en True y posteriormente Autosize también

en True15.¿Qué observa en la etiqueta?

se observa el texto completo de forma horizontal

16.Asigne el siguiente valor a la propiedad caption de la tercera etiqueta“Este texto es tan grande como los anteriores para una etiqueta de tamaño normal”17.Establezca la propiedad Autosize en True y posteriormente Autosize también

en True.18.¿Qué observa en la etiqueta?

Se observa el texto completo en manera horizontal igual que el label2

19.Cambie alguna de las otras propiedades del objeto20.Elimine las tres etiquetas21. Inserte o dibuje tres cuadros de texto (textBox)

22.Cambie la propiedad Nombre según el formato y prefijo anteriormente descritos. Por ejemplo txtcuadro

23.Asigne el siguiente valor a la propiedad Text del primer cuadro de texto: “Ingrese Nombres y Apellidos”

24.Que observa?Observamos el texto que escribimos dentro del primer cuadrado.

25.Asigne el siguiente valor a la propiedad Text del segundo cuadro de texto: “Ingrese su clave personal”

26.Que observa?Observamos el texto que escribimos dentro del segundo cuadrado.

27.Asigne el siguiente valor a la propiedad Passwordchar *28.Que observa?

Se observa que el segundo cuadro el texto se convirtió en asteriscos.

29.Establezca la propiedad Locked en true del tercer cuadro de texto

30.Ejecute la aplicación e ingrese en el primer cuadro de texto sus apellidos y nombre, en el segundo cuadro de texto su codigo de alumno y en el tercero su correo

31.Que observa?Se observa que en el primer cuadro se puede ingresar mis nombres y apellidos, en el segundo al ingresar el código aparece oculto por asteriscos y en el último cuadro no se puede ingresar el correo

32.Cambie alguna de las otras propiedades del objeto33.Elimine los tres objetos34. Inserte o Dibuje 3 command Buttons35.Cambie la propiedad Nombre según el formato y prefijo anteriormente

descritos.Ejm:CmdBoton1

36.Asigne el siguiente valor a la propiedad Caption del primer boton de comando: Ejecutar

37.Asigne el siguiente valor a la propiedad Caption del segundo boton de comando: Reiniciar

38.Asigne el siguiente valor a la propiedad ToolTipText del segundo boton de comando: Usar en caso de emergencia

39.Ejecute la aplicación 40.Ponga el cursor del mouse encima del el boton 1 espere unos segundos haga

lo msmo con el boton 241.Que sucede?

En los 2 primeros botones al poner el cursor no pasa nada pero en el último botón aparece el texto que colocamos.

42.Establezca la propiedad Mousepointer del tercer boton de comando en Hourglass

43.Ejecute la aplicación44.Pase el mouse porel boton 1 y 245.Que forma toma el cursor del mouse al pasar por encima de los botones de

comando 1 y 2?No toma ninguna forma, sigue con su forma usual de flecha.

46.Pase el cursor del mouse por encima del boton 347.Que forma toma el cursor del mouse al pasar por encima del tercer boton de

comandoToma la forma de un circulo que da vueltas.

48.Cambie alguna de las otras propiedades del objeto49.Manteniendo la tecla ctrl. Seleccione c/u de los objetos y muévalos50.Haga doble Clic en el command button para abrir la ventana código le

aparecera el siguiente codigo Private Sub Command1_Click()

End Sub51.Cierre la ventana código52.Elimine los tres objetos53.Seleccione ahora el formulario54.Cambie la propiedad Nombre según el formato y prefijo anteriormente

descritos. Por ejemplo: frmformulario55.Asigne el siguiente valor a la propiedad Caption del formulario: Esta es mi

primera prueba

56.Que observa?Cambio el nombre de mi formulario.

57.Establezca la propiedad Font en NuptialScript e inserte 1 etiqueta 1 cuadro de texto y un boton de comando.Que sucede?Los tres controles aparecen con el mismo tipo de letra.

58.Ejecute la aplicación y mueva el formulario para esto ubique el cursor del mouse sobre la barra de titulo dela aplicación haga clic y arrastrelo hacia donde usted desee.

59.Detenga la aplicación60.Establezca la propiedad Moveable del formulario en False61.Ejecute la aplicación e intente mover el formulario62.Que sucede?

El formulario ya no puede moverse.

CREACIÓN DE SU PRIMERA APLICACION1. Desarrolle una aplicación que calcule el año de nacimiento a partir de la edad

que se ingrese. Desarrolle la siguiente interfaz:

2. Nombre las etiquetas según el formato y prefijo que les corresponde3. Asigne el nombre cmdcalcular al boton de comando de la derecha y cmdsalir

al de la izquierda4. Asigne el nombre txtNombres al primer cuadro de texto, txtEdad al segundo y

txt año al tercero.5. Realice los cambios correspondientes para que:

a. el primer cuadro de texto pueda recibir y exhibir la información o el texto que digite el usuario.

b. El segundo cuadro de texto muestre el carácter * cuando el usuario digite su edad.

c. Al pasar el mouse por el formulario la forma del cursor sea el de un relj de arena

d. El formulario no pueda moverse6. Haga doble clic en el botón de comando cmdcalcular, de inmediato VB abrirá la

ventana código mostrándole las lineas inicial y final para el procedimiento del evento clic del botón cmdcalcularPrivate Sub cmdcalcular_click()

End Sub7. Entre Private Sub y End escriba: txtaño.text=2014-txtedad.text de tal forma que

quede así:Private Sub cmdcalcular_click()txtaño.text=2014-txtedad.textEnd Sub

8. Cierre la ventana codigo9. Haga doble clic sobre el boton salir, de inmediato VB abrirá la ventana código

mostrándole las lineas inicial y final para el procedimiento del evento clic del botón cmdsalirPrivate Sub cmdsalir_click()End Sub

10.Entre Private Sub y End escriba: End de tal forma que quede así:Private Sub cmdsalir_click()

EndEnd Sub

11.Ejecute la aplicacion.

IV CUESTIONARIO. Como puedo colocar un control en el formulario?, Cual es el método

mas rápido?Podemos colocar un control haciendo doble clicken el control que deseamoa colocar ubicado en la barra de herramientas, o haciendo un solo click en el control que vamos a utilizar y llevar el cursor hasta el formulario y dibujamos el área donde queremos que este el control. El método mas rápido es el primero que es haciendo doble click.

Para que son los controladores de tamaño?Nos sirve para dar tamaño que se desea a nuestros controles.

Se pueden seleccionar varios controles a la vez?Hay dos maneras para seleccionar varios controles a la vez. La primera es haciendo click desde un extremo hasta el otro y la segunda es seleccionando uno de los controles, presionando controly sin dejar de presionar seleccionar los demás controles.

Cual es la diferencia entre objeto y controlNo hay diferencia son los mismos.

Cual es la diferencia entre la propiedad caption y la propiedad nombreLa propiedad nombre asigna un nombre oculto, mientras que la propiedad caption asigna un nombre visible a nuestro control.

Cual propiedad del formulario establece el texto que aparece en su barra de titulo? La propiedad caption del formulario

Porque algunos controles despliegan puntos suspensivos en determinadas propiedadesPorque nos indica que hay una ventana con mas opciones como por ejemplo el control Font que al hacer click en los puntos suspensivos se abre una ventana donde podemos cambiar el tamaño, forma y estilo de la letra.

Cree la siguiente aplicación desde el principio:

Agréguele dos botones de comando cambie la propiedad Nombre de dichos botones y una etiqueta entre ellos llamada lblClick. Borre el texto de la propiedad Caption de la etiqueta. Cuando el usuario haga clic en el primer botón de comando, debe aparecer un mensaje en la etiqueta que diga ¡Oprimido!. Para esto, necesita establecer la siguiente instrucción en alguno de los procedimientos de evento:LblClick.Caption=”¡Oprimido!”Al oprimir el otro botón se debe eliminar este texto de la etiqueta. Para esto, debe escribir la siguiente instrucción en otro procedimiento de evento:LblClick.Caption=””Guarde el proyecto y el modulo de formulario de modo que pueda modificar la aplicación posteriormente si así lo desea.

Se desea crear una aplicación que a partir del precio del producto el numero de unidades calcule el costo el IGV y el costo total para lo cual construya la siguiene interfaz:

El siguiente cuadro presenta un resumen de las propiedades asignadas a los controles:

Control Propiedad ValorForm1 Nombre Mi Primera AplicacionLabel Nombre LblPrecio

Caption PrecioLabel Nombre LblUnidades

Caption UnidadesLabel Nombre LblCosto

Caption CostoLabel Nombre LblIgv

Caption IGVLabel Nombre LblCostoTotal

Caption Costo TotalCommand Nombre CmdEjecutar

Caption EjecutarNombre Txt

TextBox Nombre TxtPrecioText

TextBox Nombre TxtUnidadesText

TextBox Nombre TxtCostoText

TextBox Nombre TxtIgvText

TextBox Nombre txtCostoTotalText

Asigne el siguiente codigo al evento click del Command Button Ejecutartxtcosto.Text = txtprecio.Text * txtUnidades.TextQue realiza el codigo anterior?Traduzca a codigo de programación el algoritmo de la practica 1