Interfaces de Usuario

ElementosIncluyen cosas como :MenVentanasTecladoRatnMensajesBeeps

La mejor interaccin de maquina- Humano es a travs de una adecuada interfaz

2.4. Manejo de Controles

ControlesLos programas con interfaces graficas son controladas por eventos, estos esperan a que el usuario realice algo como escribir texto, hacer click o cambiar la seleccin de un cuadro de lista.

Cuando esto sucede el control que es una instancia de una clase de .NET Framework, enva un evento a la aplicacin.

Para controlar este evento se necesita un mtodo el cual se llamar cuando se reciba el evento, estos son llamados manejadores de eventos.

Las propiedades de los controles puede ser manejados en tiempo de ejecucin.

Componentes Controles-ContenedorUn contenedor es un objeto que puede contener mltiples componentes,

Un componente es una subclase de Component, que es utiliza por terceras aplicaciones pero no tienen ninguna interfaz grfica

Los controles son derivadas de la clase Control, es un componente que tiene interfaz grfica.LabelLas propiedades ms comunes de este control son:

Text: Es el string que muestra el control.BackColor: Define el color de fondo del control.ForeColor: Define el color del texto.Font: Define la fuente del texto.BorderStyle: Define si la label tiene un borde visible.AutoSize: Permite o no redimensionar la label en forma automtica.Cursor: Definimos el cono del cursor a mostrar cuando disponemos el mouse dentro del control.Visible: Determina si el control est visible u oculto cuando ejecutamos el programa.

ButtonEl control mas usado en forms es Button.

Las propiedades mas comunes son:Text: Texto asociado al control.Font y textAlign : Controlan la apariencia del texto.Image e ImageList: Permite mostrar una imagen el botn.

Eventos- ButtonMouseDown: Ocurre cuando el mouse se encuentra sobre el componente y se pulsa un botn del ratn.

Click: Ocurre al realizar un click de ratn sobre el control.

MouseEnter: Se ejecuta cuanto en ratn entra en la parte visible del control

MouseUp: Se ejecuta cuando el puntero del ratn se encuentra sobre el componente y se suelta un botn del mouse.

TextLas propiedades mas comunes son :Text: El contenido de texto puede recuperarse en tiempo de ejecucin mediante la lectura de la propiedad Text.Multiline: Si su valor es igual a TRUE se puede ingresar el texto en varias lneas.PassworChar: Permite indicar el carcter que se debe mostrar cuando se escribe la contrasea.Enabled: Indica si el control se encuentra habilitado.MaxLength: Especifica el numero mximo de caracteres que se puede ingresar.

El control TextBox o cuadros de texto, se utiliza para obtener entradas del usuario o para mostrar texto.Se utilice generalmente para el texto que se puede editar, aunque se puede configurar como control de solo lectura.Se puede escribir 2048 caracteres como mximo.

Eventos- TextTextChanged: Se produce cuando cambia el valor de la propiedad Text del Control

Click: Ocurre al realizar un click de ratn sobre el control.

MouseEnter: Se ejecuta cuanto en ratn entra en la parte visible del control

MouseUp: Se ejecuta cuando el puntero del ratn se encuentra sobre el componente y se suelta un botn del mouse.

KeyPress: Se ejecuta cuando el control tiene el foco y el usuario presiona y suelta una tecla

RadioButtonEl control RadioButton se utiliza cuando se pretende elegir una nica opcin entre varias

Un RadioButton slo puede tener dos estados: seleccionado o no seleccionado.

Los controles RadioButton deben ser mutuamente excluyentes entre s. Esto se consigue haciendo que pertenezcan a una misma unidad lgica por medio de un control GroupBox, o bien, si nicamente es una unidad, el formulario que los contiene los agrupa.

Propiedades RadioButtonAppearance : Define la apariencia del control, bien con apariencia estndar o bien con apariencia de un botn en 3D.AutoCheck: Hace que el control cambie de estado siempre que se haga click sobre l.Checked: Indica si el control est en estado seleccionado o no.CheckState: Indica el estado de seleccin del control.

Eventos- RadioButtonCheckedChanged: Ocurre cuando cambia la propiedad Checked. Es el evento por defecto.

Click: Ocurre al realizar un click de ratn sobre el control.

CheckedStateChanged: Ocurre cuando cambia la propiedad CheckedState (Slo CheckBox)

CheckBoxUn CheckBox permite elegir varias opciones que no sean mutuamente excluyentes

A diferencia de un RadioButton, este control puede tener tres estado: seleccionado, no seleccionado e inhabilitado

Propiedades CheckBoxAppearance : Define la apariencia del control, bien con apariencia estndar o bien con apariencia de un botn en 3D.AutoCheck: Hace que el control cambie de estado siempre que se haga click sobre l.Checked: Indica si el control est en estado seleccionado o no.CheckState: Indica el estado de seleccin del control.

ListBox y CheckListBoxUn control ListBox permite presentar una lista de elementos que el usuario puede seleccionar pulsando con el ratn o con el teclado.

Tiene dos modos de seleccin: simple o mltiple. El modo seleccin se define en la propiedad SelectionMode. Puede tambin tener una o varias columnas -propiedad MultiColumn

Un control CheckListBox es una lista que tiene un control CheckBox en la parte izquierda de cada elemento, indicando si est seleccionado o no.

Propiedades ListBox y CheckListBoxItems: Es la coleccin que contiene todos los items o elementos de la lista. Esta propiedad se utiliza para aadir, insertar o eliminar elementos de la lista, por medio de los mtodos Add, Insert, Remove, etc... En tiempo de diseo tiene un editor de la coleccin, para aadir, insertar o eliminar los elementos que estarn presente es al comienzo de la ejecucin de la aplicacin.

SelectedIndex: Es un valor entero que indica el ndice del elemento seleccionado. Si su valor es 1, no hay ningn elemento seleccionado.

SelectedItem: Es el item o elemento seleccionado en la lista.

SelectedItems: Devuelve una lista de los elementos o items seleccionados.

Propiedades ListBox y CheckListBoxAdems de las propiedades anteriores , la clase CheckListBox tiene otras propiedades:

CheckedIndices: Es una coleccin que contiene los elementos de la lista que estn en estado Checked o Indeterminate.

CheckedItems: Es la coleccin de los elementos de la lista que estn en estado Checked o Indeterminate.

CheckedOnClick: Propiedad booleana que indica si un item cambiar de estado cuando el usuario pulse con el ratn en l.

Mtodos ListBox y CheckListBoxClearSelected(): Anula la seleccin de la lista

SetSelected(int n, bool b): Selecciona o anula la seleccin del elemento de ndice n dependiendo del valor booleano pasado, b.

GetItemChecked(int n): Devuelve un valor booleano indicando si el item n est o no seleccionado. (Slo CheckListBox)

GetItemCheckState(int n): Devuelve un valor indicando el estado del item n. (Slo CheckListBox)

Eventos ListBox y CheckListBoxItemCheck: Ocurre cuando cambia el estado de uno de los elemento de la lista.

SelectedIndexChanged: Ocurre cuando cambia el ndice del elemento seleccionado. Es el evento por defecto

ComboBoxAl igual que la clase ListBox, esta clase deriva de la clase ListControl.

El control correspondiente a esta clase combina tres controles: un TextBox, un Button y un ListBox.

En este control la seleccin no puede ser mltiple y es posible, dependiendo del valor de algunas propiedades aadir elementos a travs del TextBox.

Generalmente se utiliza para seleccionar una entrada del usuario, pero ahorrando espacio en el formulario.

Al hacer click en la flecha del ComboBox se despliega la lista y es posible hacer la seleccin. Tambin se puede trabajar con el teclado.

Propiedades - ComboBoxDropownStyle: Especifica uno de los tres modos de presentacin del control:DropDown: Se puede editar el TextBox y al pulsar la flecha del control, se despliega la lista. Simple: igual a DropDown, excepto que se despliega la lista de manera parecida a un ListBox. DropDownList: No puede editarse el TextBox y al pulsarse la flecha del control se despliega la lista.Items: Es la coleccin de todos los elementos del control. A travs de ella, pueden aadirse o eliminarse elementos de la lista.SelectedIndex: Indica el ndice del elemento seleccionado. SelectedItem Indica el elemento seleccionado.SelectedText: Es el texto seleccionado en el TextBox de la lista.SelectionStart: Es el ndice del primer carcter seleccionado en el TextBox.SelectionLength: Es la longitud del texto seleccionado en el TexBox.

Eventos- ComboBoxLos eventos principales son: DropDown: Ocurre cuando la lista del ComboBox se despliega

SelectedIndexChanged: Ocurre cuando cambia la seleccin de la lista.

TextChanged: Ocurre cuando cambia la propiedad Text cambia

EjercicioPrograma para determinar si un deportista es aceptado en el quipo de baloncesto de Pichincha.

Las condiciones para ser aceptado son: a) La edad debe ser menor o igual a 18 aos b) La estatura debe ser mayor a 180 cm c) El peso debe ser menor o igual a 80 kg

Si el aspirante cumple las 3 condiciones aceptarlo si no rechazarlo

En el formulario se debe Ingresar el nombre y el apellido del aspirante y cdigo de seguridad (utilizar caracteres ocultos)Si el aspirante es aceptado se debe desplegar: el Nombre, el apellido si es aceptado se debe desplegar el cdigo de seguridad y el criterio de aceptacin, caso contrario se debe desplegar las condiciones que el aspirante no cumple.

EjerciciosPrograma para determinar si un deportista es aceptado en el quipo de baloncesto de Bogot. Las condiciones para ser aceptado son: a) La edad debe ser menor o igual a 18 aos b) La estatura debe ser mayor a 180 cm c) El peso debe ser menor o igual a 80 kg Si el aspirante cumple las 3 condiciones aceptarlo si no rechazarlo.

Ejercicios En un supermercado se hace una promocin, mediante la cual el cliente obtiene un descuento dependiendo de un nmero que se escoge al azar. Si el numero escogido es menor que 80 el descuento es del 15% sobre el total de la compra, si es mayor o igual a 80 el descuento es del 20%. Obtener cunto dinero se le descuenta