UNIDAD III.

Interfaz Grfica de
Usuario
2.1 Creacin de GUI
En Visual C#, puede utilizar el Diseador de Windows
Forms o el Diseador de Windows Presentation
Foundation (WPF) para crear interfaces de usuario de
forma rpida y cmoda. Para obtener informacin que
le ayude a decidir qu tipo de aplicacin puede
generar, vea Informacin general de aplicaciones
basadas en Windows. Los tres pasos bsicos para
crear interfaces de usuario son:
Agregar los controles a la superficie de diseo.
Establecer
controles.

las

propiedades

Escribir los controladores

especificados.

iniciales

para

los

de

los

eventos

Aunque tambin puede escribir su propio cdigo para

crear la interfaz de usuario, los diseadores permiten
hacer este trabajo mucho ms rpidamente.

Agregar controles

En cualquiera de los diseadores se utiliza el mouse

para arrastrar controles, que son los componentes con
representacin visual, como botones y cuadros de
texto, hasta una superficie de diseo. La siguiente
ilustracin muestra un cuadro combinado que se ha
arrastrado desde la ventana Cuadro de herramientas a
un formulario en el Diseador de Windows Forms.

A medida que se trabaja visualmente, el Diseador de

Windows Forms traduce las acciones en cdigo fuente
de C# y las escribe en un archivo de proyecto
llamado nombre.designer.cs
donde nombre es
el
nombre asignado al formulario. De igual forma, WPF
Designer traduce las acciones de la superficie de
diseo a cdigo de lenguaje de marcado de
aplicaciones extensible (XAML) y lo escribe en un

archivo de proyecto que se denomina Window.xaml.

Cuando se ejecuta la aplicacin, ese cdigo fuente
(Windows Forms) o cdigo XAML (WPF) ajustar la
posicin y el tamao de los elementos de la interfaz
de usuario de modo que aparezcan como en la
superficie de diseo. Para obtener ms informacin,
vea Diseador
de
Windows
Forms o Windows
Presentation Foundation en Visual Studio.

Establecer propiedades
Despus de agregar un control a la superficie de
diseo, puede utilizar la ventana Propiedades para
establecer sus propiedades, como son el color de
fondo y el texto predeterminado.
En el Diseador de Windows Forms, los valores que
especifique en la ventana Propiedades son los valores
iniciales que se asignarn a la propiedad cuando se
cree el control en tiempo de ejecucin. En el
Diseador de WPF, los valores que especifique en la
ventanaPropiedades se almacenan como atributos en
el archivo XAML de la ventana.
En muchos casos, se puede tener acceso a estos
valores o modificarlos mediante programacin en
tiempo de ejecucin; para ello, basta con obtener o
establecer desde la aplicacin la propiedad para la
instancia
de
la
clase
del
control.
La
ventana Propiedadesresulta til en tiempo de diseo

porque permite examinar todas las propiedades,

eventos y mtodos que admite un control. Para
obtener ms informacin, vea Propiedades (Ventana).

Controlar eventos
Los programas con interfaces de usuario grficas son
principalmente controlados por eventos. Estos
programas esperan a que un usuario haga algo, como
escribir texto en un cuadro de texto, hacer clic en un
botn o cambiar la seleccin de un cuadro de lista.
Cuando esto sucede, el control, que es simplemente
una instancia de una clase de .NET Framework, enva
un evento a la aplicacin. Tiene la opcin de controlar
un evento escribiendo un mtodo especial en la
aplicacin al que se llamar cuando se reciba el
evento.
Puede utilizar la ventana Propiedades para especificar
qu eventos desea tratar en el cdigo. Seleccione un
control en el diseador y haga clic con el icono Rayo
en el botn Eventos de la barra de herramientas de la
ventana Propiedades para ver los eventos del control.
El icono siguiente muestra el botn de eventos.

Al agregar un controlador de evento desde la

ventana Propiedades,
el
diseador
escribe
automticamente el cuerpo del mtodo vaco. Deber
escribir el cdigo de manera que el mtodo haga algo
til. La mayora de los controles generan muchos
eventos, pero normalmente una aplicacin slo tendr
que tratar algunos de ellos o incluso slo uno. Por
ejemplo, probablemente tenga que controlar el
evento Click de
un
botn,
pero
no
su
evento SizeChanged, a menos que desee realizar
una accin cuando cambie el tamao del botn.