Diseo de una Aplicacin Windows parte I

Manejo de entradas y Salidas

A travs de esta prctica se aplicaran los controles necesarios para desarrollar una aplicacin Windows que permita evaluar una serie numrica. Ud. usar la realizada por su profesor, pero se ejemplifica para la serie S = x + x^2 + x^3 + x^4 + ... = x^i, en caso de no disponer de ninguna, el esquema sin embargo es general.

07/07/2010

Diseo de una Aplicacin Windows parte I 2010

Tabla de contenido
Crear una aplicacin Windows ............................................................................................................ 3 Agregar Controles ........................................................................................................................... 5 Colocar el cdigo a la aplicacin ..................................................................................................... 9 Otros controles.............................................................................................................................. 12 Botn Salir de la Aplicacin ....................................................................................................... 14 Post Laboratorio: ........................................................................................................................... 15

Diseo de una Aplicacin Windows parte I 2010

Crear una aplicacin Windows

En esta ocasin crearemos una aplicacin para Windows, para ello al crear proyecto seleccione Aplicacin de Windows Forms , colquele por nombre Serie1

Aparecer esta pantalla

Diseo de una Aplicacin Windows parte I 2010 Para mostrar las herramientas o controles que puede agregar ubique y haga clic sobre el botn Cuadro de Herramientas.

Este aparecer en la parte izquierda de la pantalla, pero aparecer y desaparecer cuando no lo est usando, si desea dejarlo fijo nclelo usando el botn de que parece un chinche.

Diseo de una Aplicacin Windows parte I 2010

Agregar Controles
Para agregar un control a su formulario, arrastre el control deseado al formulario. Seleccione de controles comunes el control LABEL y colquelo en el formulario.

Diseo de una Aplicacin Windows parte I 2010 Las Propiedades del control se observan a la derecha, usaremos de sus propiedades, la propiedad Text y la propiedad Name. La primera se refiere al contenido que se mostrar en el formulario y la segunda al nombre con el cual nos referiremos a ella en el programa. Por defecto estas propiedades aparecen ordenadas alfabticamente. Ubiquemos en las propiedades del Label1, la propiedad Text y cambiemos el valor por Valor de N:

Una vez que presionemos aceptar, el mensaje que aparece en nuestro formulario ha cambiado a Valor de N:

Diseo de una Aplicacin Windows parte I 2010 Ahora para referirnos fcilmente al control cuando tengamos que usarlo debemos colocarle un nombre que nos sea fcil de recordar, por defecto el lenguaje le coloca por nombre el del control seguido de un nmero que identifica cuantos del mismo tipo llevamos, en nuestro caso aparecer como Label1, porque es la primera etiqueta o control Label que colocamos. Es importante tratar de ser consistentes en los nombres se sugiere que las primeras letras sean referidas al tipo de control y luego de un smbolo de subrayado o piso bajo el nombre que haga referencia lo que es o contiene. Para nuestro caso busque la propiedad Name y colquele por nombre al control Label_valorN. Las etiquetas o Label son controles que nos permiten colocar mensajes para identificar otros controles. Para que el usuario introduzca informacin o se le muestre un resultado se utiliza el control TextBox o caja de texto, agreguemos uno para que el usuario pueda introducir el valor de N:

Cuando se va a colocar cerca de otros controles aparecen unas lineas que permiten alinearlo y que la aplicacin quede mejor a nivel visual.

Diseo de una Aplicacin Windows parte I 2010

Una vez colocado el control textbox, haga clic sobre el una sola vez y busque sus propiedades o en el cuadro de propiedades busque en la lista de controles aadidos el nombre del control cambie la propiedad Name por Txt_ValorN. Ahora aada una etiqueta y una caja de texto para el valor de X. La etiqueta debe decir Valor de X: y debe tener por nombre Label_ValorX y la caja de texto debe tener por nombre Txt_ValorX. Ahora aada una etiqueta y una caja de texto para el Resultado . La etiqueta debe decir Resultado: y debe tener por nombre Label_Resultado y la caja de texto debe tener por nombre Txt_Resultado. Su aplicacin debe quedar as:

Diseo de una Aplicacin Windows parte I 2010

Ahora agregaremos un botn que ser a travs del cual se generarn los resultados esperados, para ello agregue un control tipo Button o botn y cambie las propiedades text y name, coloque en text Calcular y en name btn_calcular. Su aplicacin quedar ahora as:

Colocar el cdigo a la aplicacin

Ahora colocaremos el codigo para que la aplicacin determine el valor de la serie, para ello haremos doble clic sobre el botn para colocar el codigo que permite determinar la serie. Aparecer la ventana

Diseo de una Aplicacin Windows parte I 2010

Que significa que al hacer clic sobre el botn btn_calcular se efectuarn las acciones o instrucciones, que coloquemos alli. Las diferencias que tendremos en la forma en que leemos es que ahora la informacin estar en cajas de texto por lo que en lugar de colocar N= console.readline() Deberemos decirle que en la variable N, asigne el valor del texto que se ha introducido en la caja de texto correspondiente. Para ello se escribe N= Txt_valorN.text Igual para el valor de X X= txt_ValorX.text Para imprimir deberemos enviar lo que queremos al control indicado, para nuestro caso una caja de texto, le asignaremos al texto que contendr dicho control el valor que deseamos. En nuestro caso en lugar de Console.writeline( Suma ) Se coloca Txt_Resultado.text = Suma

Diseo de una Aplicacin Windows parte I 2010 El cdigo quedar as:

Public Class Form1 Private Sub Btn_calcular_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Btn_calcular.Click ' variables de entrada Dim n As Integer Dim x As Single 'variables de salida Dim suma As Single 'variables de proceso agregue las faltantes con su prof Dim termino As Single Dim I As Integer 'leo los valores de nmero de terminos y variable de la serie n = Txt_ValorN.Text x = Txt_ValorX.Text suma = 0 'determino los trminos de la serie For I = 1 To n 'calculo cada elemento del termino agregue las de su serie

'conformo el termino agregue la de su serie

'uso el termino suma = suma + termino Next I 'imprimo el resultado Txt_resultado.Text = suma End Sub End Class

Ya aadido el cdigo correspondiente y verificado que no hay errores de compilacin, podremos ejecutar nuestra primera aplicacin windows. Colocaremos los valores para N y X, haremos clic sobre el botn calcular y verificaremos el resultado

Diseo de una Aplicacin Windows parte I 2010

Otros controles
Agregaremos un control ms ahora para que muestre el resultado de cada uno de los trminos, en este caso usaremos una etiqueta y el control ListBox, a los cuales les colocaremos por nombre Label_Terminos y Lista_terminos respectivamente. La etiqueta debe mostrar el mensaje Tminos generados. La interfaz debe quedar as:

Ahora debemos imprimir en ese control todos los trminos que se generen para ello agregaremos cada nuevo trmino en el control, usando la instruccin nombre_del_List_box.Items. add ( ) Ejemplo:
Lista_terminos.Items.Add(" lo que queremos agregar o mostrar")

Para nuestro caso aadiremos, despues de calcular el trmino en la seccin uso el trmino:
Lista_terminos.Items.Add(" Termino " & I & " = " & termino)

Ya nuestro programa est listo, lo probamos para la serie,

S = x + x^2 + x^3 + x^4 + ... = x^i

en caso de que este trabajando con otra serie slo coloque la instruccin de agregar elementos a la lista de terminos.

El cdigo sera:

Diseo de una Aplicacin Windows parte I 2010

Public Class Form1 Private Sub Btn_calcular_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Btn_calcular.Click ' variables de entrada Dim n As Integer Dim x As Single 'variables de salida Dim suma As Single 'variables de proceso Dim termino As Single Dim elemento As Single Dim I As Integer 'leo los valores de nmero de terminos y variable de la serie n = Txt_ValorN.Text x = Txt_ValorX.Text suma = 0 'determino los trminos de la serie For I = 1 To n 'calculo cada elemento del termino elemento = x ^ I 'conformo el termino termino = elemento 'uso el termino suma = suma + termino Lista_terminos.Items.Add(" Termino " & I & " = " & termino)

Next I 'imprimo el resultado Txt_resultado.Text = suma End Sub End Class

Al ejecutar con N=3 y X= 2, se obiene

Diseo de una Aplicacin Windows parte I 2010

Pero si volvemos a ejecutar con N=2 y X=2 obtenemos:

Aunque el resultado es correcto vemos que sigue mostrndose el resultado de la ejecucin anterior, para que esto no ocurra se debe limpiar la lista usando la instruccin nombre del control.items.clear. Para nuestro caso
Lista_terminos.Items.Clear()

Botn Salir de la Aplicacin Coloquemos ahora un botn para salir de la aplicacin cuyo texto sea Salir y cuyo nombre sea Btn_Salir, haga doble clic sobre el y en las acciones a ejecutar coloque Me.Close(). Si ejecuta ahora al hacer clic sobre el botn salir se cerrar la aplicacin.

Diseo de una Aplicacin Windows parte I 2010 Podemos jugar con la interfaz hasta obtener los resultados esperados y que consideramos adecuados para el usuario, por ejemplo una interfaz como la que sigue para el ejemplo mostrado.

Haga los cambios necesarios para la serie que le ha asignado su profesor. Experimente y en lugar de utilizar en textbox para la impresin de la sumatoria coloque una etiqueta o LABEL y establezca las diferencias. En las prximas clases usaremos otros controles para generar aplicaciones.

Post Laboratorio
Investiguemos un poco acerca de creacin de aplicaciones windows, qu es un formulario?, que es un control en VB?, que es un evento?, cuales son los controles y eventos ms comunes?