Guia De Ejercicios Visual Studio .net 4f4n5h

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:

Considere lo siguiente:

1. 2. 3. 4.

Tipo de Proyecto: - Visual Basic.- Windows Plantilla: Aplicación para Windows. Luego escriba el nombre del proyecto: PRACTICAVBNET1 Por último haga clic Aceptar para crear el proyecto.

3.

IDE - ENTORNO DE DESARROLLO 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 F7)

4. PRIMERA APLICACIÓN. •

INTERFAZ GRÁFICA DEL : 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 : 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 Asignado 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. Seleccione el Evento

2. Seleccione el Objeto

El procedimiento deberá quedar así:

Ahora hágalo Usted para el botón Salir:

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 Windows Forms… 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

•

PROBAR Y 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 DE APLICACIÓ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 Asignado

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: PrivateSubBtncon_Click(ByVal sender AsSystem.Object, ByVal e AsSystem.EventArgs) HandlesbtnCon.Click DimfrmAsNewFrmSalarios ' Pasando valores a otro formulario frm.txtApeNombres.Text = Me.txtApellidos.Text &", "&Me.txtNombres.Text frm.ShowDialog() ' ¿Qué diferencia existe entre Mostrar/Cargar un Formulario ' con el método Show y otro con ShowDialog EndSub PrivateSubbtnNuevo_Click(ByVal sender AsSystem.Object, ByVal e AsSystem.EventArgs) HandlesbtnNuevo.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 PrivateSubbtnSalir_Click(ByVal sender AsSystem.Object, ByVal e AsSystem.EventArgs) HandlesbtnSalir.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 PROYECTO DE APLICACIÓ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 Agregar 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 Asignado 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: PrivateSubFrmSalarios_Load(ByVal sender AsSystem.Object, ByVal e AsSystem.EventArgs) HandlesMyBase.Load txtApeNombres.ReadOnly = True EndSub PrivateSubbtnCalcular_Click(ByVal sender AsObject, ByVal e AsSystem.EventArgs) HandlesbtnCalcular.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 PrivateSubbtnLimpiar_Click(ByVal sender AsObject, ByVal e AsSystem.EventArgs) HandlesbtnLimpiar.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 PrivateSubbtnRetornar_Click(ByVal sender AsObject, ByVal e AsSystem.EventArgs) HandlesbtnRetornar.Click ' Usted deberá hacer que regrese al formulario anterior, es decir volver a frmDatos Me.Close() FrmDatos.Show() EndSub PrivateSubbtnSalir_Click(ByVal sender AsObject, ByVal e AsSystem.EventArgs) HandlesbtnSalir.Click Me.Close() End EndSub

g) Ahora proceda a guardar el proyecto y ejecute la aplicación.

•

PROBAR Y 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”.