GUÍA DE EJERCICIOS VISUAL STUDIO .NET OBJETIVOS •
•
•
Reconocimiento del IDE (Entorno de Desarrollo Integrado) de Visual Basic .Net Creación de aplicaciones Windows. Creación de formularios y uso de la Caja de Herramientas, Explorador de Soluciones.
1.
INGRESAR A MICROSOFT VISUAL STUDIO .NET: Debe hacer clic en el botón Inicio , luego en Programas , luego Microsoft Visual Studio 2010, luego Microsoft Visual Studio 2010 , luego al ingresar nos visualizará la siguiente ventana:
2.
CREACIÓN DEL PRIMER PROYECTO Un proyecto es la aplicación desarrollada en un entorno de programación, en éste caso Visual Basic , y está compuesto por varios elementos como son Formularios , Clases , Módulos , etc. Para crear un Proyecto es necesario ir al Menú Archivo, luego hacer clic en Nuevo Proyecto ó pulse las telas CTRL + N, a continuación nos mostrará la siguiente ventana: 1. Tipo de Proyecto: - Visual Basic.- Windows 2. Plantilla: Aplicación para Windows. 3. Luego escriba el nombre del proyecto: PRACTICAVBNET1 4. Por último haga clic Acept Ac eptar ar para crear el proyecto.
3.
IDE - ENTORNO DE DESARROLL O INTEGRADO DE VISUAL STUDIO 2010 Cuando se crea un nuevo proyecto Windows Form, se muestra una pantalla que tiene varios elementos que nos servirán para generar y configurar nuestra aplicación.
Cuadro de Herramientas
Formulario
Explorador de soluciones
Ventana de Propiedades Ventana de Código – (Accede presionando presionando F7)
4. PRIMERA PRIMERA APLICACIÓN. •
INTERFAZ INTERFAZ GRÁFICA DEL USUARIO: USUARIO: AGREGAR CONTROLES AL FORMULARIO Seleccione el formulario Form1 y realice lo siguiente: a) En el formulario insertar los siguientes controles desde el cuadro deHerramientas de Windows Forms: • 2 Etiquetas (Label) • 1 PictureBox • 2 Botones de comando (Button)
•
INTERFAZ GRÁFICA DEL USUARIO: ESTABLECER PROPIEDADES A LOS OBJETOS b) Ahora procedemos a establecer las propiedades a los objetos:
Objeto Form1
Label1
Label2
PictureBox1 Button1 Button2
Propiedad Name Text MaximizeBox MinimizeBox StartPosition Name Text Font BackColor ForeColor TextAlign Name Text Font BackColor ForeColor TextAlign SizeMode Image Name Text Name Text
Valor Va lor As ignado FrmBienvenida Bienvenidos a VB 2010 False False CenterScreen (Centrado en la pantalla) tblTexto1 Desarrollo de Aplicaciones .NET para Windows Arial, Estilo Negrita cursiva, tamaño 14 Transparent (Elija desde la ficha Web) Black (negro) MiddleCenter lblTexto2 Visual Basic 2010 Arial, Estilo negrita, tamaño: 14 Transparent Black (negro) MiddleCenter StretchImage Busque la imagen Visualstudio.jpg btnContinuar &Continuar btnSalir &Salir
c) Luego de establecer las propiedades el formulario deberá tener la siguiente apariencia:
•
ESCRIBIR CÓDIGO PARA AÑADIR FUNCIONALIDAD
d) Codifique el evento clic del botón de comando de la misma manera: Para el botón Continuar: OBSERVE LA IMAGEN
1. Seleccio Seleccione ne el Evento
2. Seleccio Seleccione ne el Objeto
El procedimiento deberá quedar así:
Ahor Ah ora a hágalo hág alo Usted Ust ed para p ara el botó bo tón n Sali r:
Nota: Antes de ejecutar la aplicación tenga en cuenta que todavía no agregado el formulario frmDatos, así que le va a mostrar un mensaje de error en el procedimiento btnContinuar_Click……. ¿Cuál es la Solución? Si! , la solución es agregar un nuevo formulario al proyecto y asignarle a la propiedad Name: frmDatos, siga estos pasos: a) Haga clic en el menú Proyecto , luego clic en la opción Agregar Ag regar Window Win dow s Form Fo rms… s… b) Se presenta una ventana, seleccione el ícono Windows Forms , luego en el cuadro Nombres escriba: frmDatos.vb (que viene a ser el nombre del archivo a crearse) c) Luego haga clic en Agregar Ag regar
•
PROBAR Y DEPURAR DEPURAR LA APLICACIÓN
e) Seguidamente ejecute la aplicación, para ello pulse la tecla F5 ó haga clic en el botón (Play) de la barra de herramientas Si ocurre algún error revise el código y/o corríjalo “depurar”.
•
f) Ahora proceda a guardar el proyecto , para ello haga clic en el botón Guardar todo de la Barra de Herramientas.
5.
DISEÑAR EL FORMULARIO AL PROYECTO PROYECTO DE APLICACIÓN APL ICACIÓN a) Cuando se presente el formulario proceda a diseñar el siguiente formulario:
b) Ahora procedemos a establecer las propiedades a los objetos:
Objeto Form2
Label1 Label2 Label3 Label4 Label5 TextBox (5)
Button1
Button2
Button3
Propiedad Name Text BackgroundImage StartPosition Text BackColor Text Text Text Text Text
Valor Va lor Asignado A signado
ImageAlign TextAlign
FrmDatos Datos del Empelado Seleccione una imagen que Ud. desee CenterScreen (Centrado en la pantalla) Código: Transparent Apellidos: Nombres: Dirección: Teléfono: (1) txtCod (2) txtApellidos (3) txtNombres (4) txtDir (5) txtTelefono btnContinuar &Continuar Haga clic en … y busque la imagen de su preferencia que identifique la opción de continuar TopCenter BottomCenter btnNuevo &Nuevo Haga clic en … y busque la imagen de su preferencia que identifique la opción de nuevo TopCenter BottomCenter
Name
btnSalir
Name Text Image ImageAlign TextAlign Name Text Image
Text Image ImageAlign TextAlign
&Salir Haga clic en … y busque la imagen de su preferencia que identifique la opción de salir TopCenter BottomCenter
c) Ahora proceda a escribir el código correspondiente: PrivateSub Btncon_Click( ByVal ByVal sender sender As AsSystem. System.Object Object, , ByVal ByVal e e As AsSystem. System.EventArgs EventArgs ) Handles HandlesbtnCon.Click btnCon.Click Dimfrm Dim frmAsNew AsNewFrmSalarios FrmSalarios ' Pasando valores a otro formulario frm.txtApeNombres.Text = Me Me.txtApellidos.Text .txtApellidos.Text & ", "& "&Me Me.txtNombres.Text .txtNombres.Text frm.ShowDialog() ' ¿Qué diferencia existe entre Mostrar/Cargar un Formulario ' con el método Show y otro con ShowDialog EndSub PrivateSub btnNuevo_Click( ByVal ByVal sender sender As AsSystem. System.Object Object, , ByVal ByVal e e As AsSystem. System.EventArgs EventArgs ) Handles HandlesbtnNuevo.Click btnNuevo.Click ' Nombre_de_Objeto.Propiedad=Valor_Asignado txtCod.Text = "" txtApellidos.Text = "" txtNombres.Text = "" ' Nombre_de_Objeto.Método txtDir.Clear() txtTelefono.Clear() txtCod.Focus() EndSub PrivateSub btnSalir_Click( ByVal ByVal sender sender As AsSystem. System.Object Object, , ByVal ByVal e e As AsSystem. System.EventArgs EventArgs ) Handles HandlesbtnSalir.Click btnSalir.Click End ' ¿Qué diferencia existe entre Me.Close y END EndSub
d) Ahora proceda a guardar el proyecto , para ello haga clic en el botón Guardar todo de la Barra de Herramientas. h) Seguidamente ejecute la aplicación, para ello pulse la tecla F5 ó haga clic en el botón Play de la barra de herramientas. •
AGREGAR OTRO FORMULARIO AL A L PROYECTO DE APLICA CIÓN
a) Ahora hágalo haciendo clic derecho sobre el proyecto que aparece en el explorador de soluciones a la parte derecha de su pantalla y elija agregar Windows Forms , luego en el cuadro Nombres escriba: FrmSalarios.vb (que viene a ser el nombre del archivo a crearse) c) Luego haga clic en Agreg Ag regar ar d) Cuando se presente el formulario proceda a diseñar el siguiente formulario:
Objeto Form2
Propiedad
Label1 Label2 Label3 Label4 Label5 Label6 TextBox (6)
Name Text BackgroundImage Icon StartPosition Text Text Text Text Text Text Name
Button1 Button2 Button3 Button4
Name Name Name Name
Valor Va lor Asignado A signado FrmSalario Salario del trabajador Seleccione una imagen que Ud. desee Haga clic en … y busque el icono de su preferencia CenterScreen (Centrado en la pantalla) Apellidos y Nombres : Num. Horas Trabajadas : Pago x Horas : Salario Bruto : Descuento : Salario Neto : (1) txtApeNombres (2) txtNroHoras (3) txtPagoxHoras (4) txtSalarioBruto (5) txtDescuento (6) txtSalarioNeto btnCalcular btnLimpiar btnRetornar btnSalir
f) Ahora proceda a escribir el código correspondiente: PrivateSub FrmSalarios_Load( ByVal ByVal sender sender As AsSystem. System.Object Object, , ByVal ByVal e e As AsSystem. System.EventArgs EventArgs ) HandlesMyBase .Load txtApeNombres.ReadOnly = True EndSub PrivateSub btnCalcular_Click( ByVal ByVal sender sender AsObject , ByVal ByVal e e As AsSystem. System.EventArgs EventArgs ) Handles HandlesbtnCalcular.Click btnCalcular.Click txtSalarioBruto.Text = Str(Val(txtNroHoras.Text) * Val(txtPagoxHoras.Text)) txtDescuento.Text = Str(Val(txtSalarioBruto.Text) * 0.15) txtSalarioNeto.Text = Str(Val(txtSalarioBruto.Text) - Val(txtDescuento.Text)) EndSub PrivateSub btnLimpiar_Click( ByVal ByVal sender sender AsObject AsObject, , ByVal ByVal e e As AsSystem. System.EventArgs EventArgs ) Handles HandlesbtnLimpiar.Click btnLimpiar.Click ' limpiando las cajas de texto txtApeNombres.Text = "" "" : : txtNroHoras.Text = "" txtPagoxHoras.Text = "" "" : : txtSalarioBruto.Text = "" txtDescuento.Text = "" "" : : txtSalarioNeto.Text = "" ' Moviendo el foco a la caja txtapellidos txtApeNombres.Focus() EndSub PrivateSub btnRetornar_Click( ByVal ByVal sender sender AsObject , ByVal ByVal e e As AsSystem. System.EventArgs EventArgs ) Handles HandlesbtnRetornar.Click btnRetornar.Click ' Usted deberá hacer que regrese al formulario anterior, es decir volver a frmDatos Me.Close() Me .Close() FrmDatos .Show() EndSub PrivateSub btnSalir_Click( ByVal ByVal sender sender AsObject , ByVal ByVal e e As AsSystem. System.EventArgs EventArgs ) Handles HandlesbtnSalir.Click btnSalir.Click Me.Close() Me .Close() End EndSub
g) Ahora proceda a guardar el proyecto y ejecute la aplicación. •
PROBAR Y DEPURAR DEPURAR LA APLICACIÓN
h) Seguidamente ejecute la aplicación, para ello pulse la tecla F5 ó haga clic en el botón (Play) de la barra de herramientas Si ocurre algún error revise el código y/o corríjalo “depurar”.
•
