12
OBJETIVOS !"# REQUERIMIENTOS SOFTWARE Microsoft Visual Studio 2005 .NET FrameWork 2.0 DESCRIPCIÓN En este tutorial se va a revisar la forma de trabajar con aplicaciones gráficas en VB. ACTIVIDAD 1 – CREACIÓN DEL PROYECTO Vamos a crear un nuevo proyecto del tipo Aplicación para Windows tal y como se indica en la siguiente figura: Lo anterior permite que se genere un formulario que responde al esquema general de una ventana en Windows. Su formulario debería tener una apariencia similar a la que se indica en la siguiente figura:

˘ ˇ ˆ...˘ ˇ ˆ˙ ˝ ˛˝ $ Ahora podemos modificar algunas propiedades de la ventana, vamos a modificar el título, deshabilitar el botón de maximizar. Para lo anterior vamos

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: ˘ ˇ ˆ...˘ ˇ ˆ˙ ˝ ˛˝ $ Ahora podemos modificar algunas propiedades de la ventana, vamos a modificar el título, deshabilitar el botón de maximizar. Para lo anterior vamos

������������������������������������������������������������������������������������������������� � �������������������

������������������������������������������������������������������������������������������������������������������������

������������� �������

����������������������� ������������ OBJETIVOS

� �� �����������!�"��� ������ � ���������#� ����������

REQUERIMIENTOS

SOFTWARE Microsoft Visual Studio 2005 .NET FrameWork 2.0

DESCRIPCIÓN

En este tutorial se va a revisar la forma de trabajar con aplicaciones gráficas en VB.

ACTIVIDAD 1 – CREACIÓN DEL PROYECTO

Vamos a crear un nuevo proyecto del tipo Aplicación para Windows tal y como se indica en la siguiente figura:

Lo anterior permite que se genere un formulario que responde al esquema general de una ventana en Windows. Su formulario debería tener una apariencia similar a la que se indica en la siguiente figura:

Page 2: ˘ ˇ ˆ...˘ ˇ ˆ˙ ˝ ˛˝ $ Ahora podemos modificar algunas propiedades de la ventana, vamos a modificar el título, deshabilitar el botón de maximizar. Para lo anterior vamos

������������������������������������������������������������������������������������������������� � �������������������

����������������������������������������������������������������������������������������������������������������������$�

Ahora podemos modificar algunas propiedades de la ventana, vamos a modificar el título, deshabilitar el botón de maximizar. Para lo anterior vamos a utilizar la ventana de Propiedades, tal y como se muestra en la siguiente figura:

La propiedad Text modifica el título de la ventana y vamos a agregar el título Aprendiendo Windows Form. Las propiedades para deshabilitar los botones para maximizar y minimizar la ventana corresponden a MaximizeBox

Page 3: ˘ ˇ ˆ...˘ ˇ ˆ˙ ˝ ˛˝ $ Ahora podemos modificar algunas propiedades de la ventana, vamos a modificar el título, deshabilitar el botón de maximizar. Para lo anterior vamos

������������������������������������������������������������������������������������������������� � �������������������

����������������������������������������������������������������������������������������������������������������������%�

y MinimizeBox respectivamente, tal y como se muestra en la siguiente figura:

ACTIVIDAD 2 – DISEÑANDO EL FORMULARIO

Ahora, a través del cuadro de herramientas vamos a diseñar el formulario. Primero se va a agregar un control del tipo TableLayoutPanel, se encuentra disponible en el cuadro de herramientas en la sección de Contenedores tal y como se indica en la siguiente figura:

Page 4: ˘ ˇ ˆ...˘ ˇ ˆ˙ ˝ ˛˝ $ Ahora podemos modificar algunas propiedades de la ventana, vamos a modificar el título, deshabilitar el botón de maximizar. Para lo anterior vamos

������������������������������������������������������������������������������������������������� � �������������������

����������������������������������������������������������������������������������������������������������������������&�

Vamos a ir a Propiedades del control y vamos a ajustar, tanto las columnas como las filas como se indica en las siguientes figuras:

Page 5: ˘ ˇ ˆ...˘ ˇ ˆ˙ ˝ ˛˝ $ Ahora podemos modificar algunas propiedades de la ventana, vamos a modificar el título, deshabilitar el botón de maximizar. Para lo anterior vamos

������������������������������������������������������������������������������������������������� � �������������������

����������������������������������������������������������������������������������������������������������������������'�

El formulario que se va a diseñar debería quedar con un aspecto similar al que se indica en la siguiente figura:

En el formulario anterior se distinguen tres tipos de controles: Label, TextBox, Button. La siguiente tabla indica los nombres que se van a usar en el resto del tutorial para hacer referencia a los controles.

CONTROL NOMBRE TextBox para el nombre txt_nombre TextBox para el número de horas txt_horas TextBox para el valor de hora txt_valor Button para calcular btCalcular

Page 6: ˘ ˇ ˆ...˘ ˇ ˆ˙ ˝ ˛˝ $ Ahora podemos modificar algunas propiedades de la ventana, vamos a modificar el título, deshabilitar el botón de maximizar. Para lo anterior vamos

������������������������������������������������������������������������������������������������� � �������������������

����������������������������������������������������������������������������������������������������������������������(�

Button para limpiar btLimpiar A los controles se accede a través del cuadro de herramientas tal y como se indica en la siguiente figura:

Page 7: ˘ ˇ ˆ...˘ ˇ ˆ˙ ˝ ˛˝ $ Ahora podemos modificar algunas propiedades de la ventana, vamos a modificar el título, deshabilitar el botón de maximizar. Para lo anterior vamos

������������������������������������������������������������������������������������������������� � �������������������

����������������������������������������������������������������������������������������������������������������������)�

ACTIVIDAD 3 – PROGRAMANDO EVENTOS

La funcionalidad asociada a los botones será la siguiente: Clic en el botón Calcular Sueldo implica calcular el sueldo del empleado y mostrar en un cuadro de diálogo el cálculo que se ha efectuado. Clic en el botón Limpiar implica borrar los datos que han sido ingresados al formulario. Vamos a partir por la programación del evento asociado al botón limpiar. Para lo anterior, al doble clic sobre el botón Limpiar se accede al editor de código, en donde debería aparecer una pantalla como la que se indica a continuación:

Desde acá vamos a programar el evento que se llevará a cabo cuando se haga clic sobre el botón limpiar. Para lo anterior vamos a agregar las siguientes líneas de código:

Page 8: ˘ ˇ ˆ...˘ ˇ ˆ˙ ˝ ˛˝ $ Ahora podemos modificar algunas propiedades de la ventana, vamos a modificar el título, deshabilitar el botón de maximizar. Para lo anterior vamos

������������������������������������������������������������������������������������������������� � �������������������

����������������������������������������������������������������������������������������������������������������������*�

Page 9: ˘ ˇ ˆ...˘ ˇ ˆ˙ ˝ ˛˝ $ Ahora podemos modificar algunas propiedades de la ventana, vamos a modificar el título, deshabilitar el botón de maximizar. Para lo anterior vamos

������������������������������������������������������������������������������������������������� � �������������������

����������������������������������������������������������������������������������������������������������������������+�

Quedando finalmente el código como se muestra en la siguiente figura:

Page 10: ˘ ˇ ˆ...˘ ˇ ˆ˙ ˝ ˛˝ $ Ahora podemos modificar algunas propiedades de la ventana, vamos a modificar el título, deshabilitar el botón de maximizar. Para lo anterior vamos

������������������������������������������������������������������������������������������������� � �������������������

�����������������������������������������������������������������������������������������������������������������������,�

Si se ejecuta el proyecto con lo que se tiene hasta este momento se observa que los valores que han sido ingresados en los textbox son borrados cuando se hace clic en el botón Limpiar. Ahora corresponde programar el evento para el botón Calcular. ACTIVIDAD 4 – CONTINUANDO CON LA PROGRAMACIÓN DE EVENTOS

Como se observa en la figura anterior se han declarado dos variables (numero y sueldo) las dos de tipo Integer en donde se almacenarán los valores que han sido ingresados desde la ventana. Dado que en los controles del tipo TextBox se obtiene un valor del tipo String, por lo tanto, existe la probabilidad de que se ingrese una letra y lo que haremos es VALIDAR la lectura en caso de que se ingrese una letra, para lo cual usamos el método TryParse de la clase Integer y se tiene:

Vamos a usar la función Show de la clase MessageBox y tenemos lo que se indica en la siguiente figura:

Page 11: ˘ ˇ ˆ...˘ ˇ ˆ˙ ˝ ˛˝ $ Ahora podemos modificar algunas propiedades de la ventana, vamos a modificar el título, deshabilitar el botón de maximizar. Para lo anterior vamos

������������������������������������������������������������������������������������������������� � �������������������

�������������������������������������������������������������������������������������������������������������������������

Al ejecutar el proyecto hasta este momento y se intenta ingresar una letra en el TextBox una letra se obtiene un cuadro de diálogo como el que se indica a continuación:

Aplicamos lo mismo para validar el número de horas y el código que se tiene es el que se indica a continuación:

Page 12: ˘ ˇ ˆ...˘ ˇ ˆ˙ ˝ ˛˝ $ Ahora podemos modificar algunas propiedades de la ventana, vamos a modificar el título, deshabilitar el botón de maximizar. Para lo anterior vamos

������������������������������������������������������������������������������������������������� � �������������������

�����������������������������������������������������������������������������������������������������������������������$�

Finalmente, si todo anduvo bien se debe calcular el sueldo y mostrar el resultado en un cuadro de diálogo y completamos nuestro código tal y como se muestra en la siguiente figura:

RESUMEN

En el presente laboratorio se han revisado los siguientes conceptos:

• Generación de Windows Forms, agregando controles sobre una ventana. Los controles con los que se ha trabajado son:

o Label o Button o TextBox o TableLayoutPanel o DataGridView

• Explicación inicial del trabajo con excepciones, en este caso se han usado para tratar los errores asociados al proceso de conversión de números a letras.

• Uso de la clase MessageBox y su método Show() para mostrar cuadros de diálogo, útiles a la hora de desplegar información.