Principiosde Aplicacion Web

PRINCIPIOS DE APLICACIONES DE ESCRITORIO

Al escribir aplicaciones de escritorio, hay que tener en cuenta muchos factores que influyen en este tipo de escritura. Uno de los principales es el consumo de memoria y de procesador. Para Cada ventana o panel de aplicación de escritorio que se construya se almacenará en memoria hasta que deje de utilizarse, sin embargo, no siempre es posible garantizar que todos los objetos se liberarán adecuadamente, si un sólo objeto lo referencia, el GC pensará que es útil y por ello no lo liberará de memoria, por lo que la aplicación consumirá más y más recursos de acuerdo al tiempo que se esté ejecutando.

Para crear este ejemplo, iniciaremos el visual studio .net y crearemos una aplicación de windows usando el lenguaje de programación c#, por tanto empezaremos cargando el ide de visual studio .net y seleccionaremos este tipo de aplicación, veamos los pasos a seguir para conseguir nuestro objetivo:

1- iniciamos el visual studio .net

2- En el menú de archivo, seleccionamos nuevo... y del menú mostrado, seleccionaremos proyecto... ( también podemos usar el acceso rápido ctrl+n)

3- Se mostrará un cuadro de diálogo como el mostrado en la figura 1:

4- en el nombre indicaremos: ejemplo1, tal como se muestra en la figura anterior. ese será el nombre que visual studio .net utilizará como nombre del ejecutable.

5- cada vez que creamos un nuevo proyecto de aplicación para windows, el entorno de desarrollo (ide) añade un nuevo formulario, el cual, por defecto, tendrá el nombre form1. para este ejemplo, vamos a dejar el nombre indicado, en otra ocasión veremos lo que tendremos que hacer para cambiar el nombre asignado de forma predeterminada por el entorno de desarrollo, y utilizar el que deseemos.

6- a este formulario vamos a añadirle una serie de controles con los que interactuaremos para aprender las características más básicas que usaremos en la mayoría de las aplicaciones de windows forms (aplicaciones de windows). estas mismas acciones serán las más comunes en la mayoría de las aplicaciones de .net framework: los eventos o mensajes producidos por los controles.

7- los controles que añadiremos serán: dos etiquetas (label), una caja de textos (textbox) y dos botones (button).

8- para añadir un nuevo control al formulario, tendremos que mostrar el cuadro de herramientas situado, de forma predeterminada, en la parte izquierda del entorno de desarrollo. si no lo tuviéramos visible podemos mostrarlo pulsando la combinación de teclas: ctrl+alt+x o bien seleccionando cuadro de herramientas del menú ver.

9- seleccionaremos la ficha windows forms y de los controles mostrados, haremos doble pulsación (doble-click) en el icono del control que queremos añadir, en esta ocasión empezaremos por un control de tipo label.

10- a continuación añadiremos un control textbox el cual posicionaremos junto a la etiqueta añadida anteriormente.

11- seguiremos añadiendo el resto de controles, para que el aspecto sea el mostrado en la figura 2:

Figura 2: el formulario en tiempo de diseño

12- ahora vamos a asignar los valores a unas cuantas propiedades de los controles, para ello seleccionaremos el control que queremos modificar y mostraremos la ventana de propiedades, si no la tenemos visible, pulsaremos f4.

13- empezaremos por la primera de las etiquetas, (label1), por tanto, la seleccionaremos y pulsaremos f4, de forma predeterminada el cursor estará en la propiedad text, en ella escribiremos el texto a mostrar en esa etiqueta, en esta ocasión será: saludo; tal como podemos ver en la figura 3:

14- seguiremos asignando el texto del botón que está junto a la caja de textos (button1) y lo cambiaremos a saludar.

15- haremos lo mismo con el otro botón (button2), al que asignaremos el texto cerrar.

Control Valor de Anchor Comentarios

label1 Top, Left Valores predeterminados

textBox1 Top, Left, Right Para que se adapte al ancho del formulario

button1 Top, Right Para anclarlo a la derecha

label2 Top, Bottom, Left, Right Para que se adapte al ancho y alto

button2 Bottom, Right Para anclarlo en la esquina inferior derecha

16- para que los controles se adapten al tamaño del formulario, vamos a asignar la propiedad anchor de los mismos, de forma que tengan los siguientes valores:

17- una vez asignados estos valores, si cambiamos el tamaño del formulario, comprobaremos que los controles se adaptan al tamaño del mismo.

18- lo siguiente que haremos será asignar los eventos que vamos a interceptar, en este caso sólo interceptaremos la pulsación (click) de los dos botones.

19- para escribir el código correspondiente al evento click, podemos hacerlo de dos formas diferentes, pero la más sencilla (y válida tanto para c# como para visual basic .net) es hacer doble pulsación sobre el botón, de esa forma se mostrará la ventana de código con la "plantilla" del procedimiento de evento.

20- en el caso de que estemos usando c# (como es el caso de este ejemplo), podemos asignar el evento de la siguiente forma:

- seleccionamos el control, (por ejemplo button1),

- mostramos la ventana de propiedades (pulsa f4 si no está visible),

- seleccionamos el símbolo del rayo amarillo, (ver la figura 4),

- de forma predeterminada estará seleccionado el evento click, (si no lo estuviera, habría que seleccionarlo),

- hacemos doble pulsación y se mostrará la "plantilla" del código.

nota:

si quisiéramos capturar otro evento, simplemente habría que seleccionarlo y hacer doble pulsación.

figura 4: los eventos de los controles en c#

21- además de la plantilla del método (o función) que será llamado cuando se produzca el evento, en el caso de c#, también se creará una asignación para indicar cual es el manejador (handler) de dicho evento.

a continuación se muestra el código para asignar el método que se usará para interceptar el evento, así como el código a ejecutar cuando éste se produzca; en este caso, lo que hacemos es mostrar en la etiqueta label2 un saludo usando el contenido de la caja de textos.

this.button1.click += new system.eventhandler(this.button1_click);

private void button1_click(object sender, system.eventargs e)

{

label2.text = "hola, "

...