Objetos, propiedades y eventos

Interfaz Gráfica de Usuario

La interfaz gráfica de usuario, conocida también como GUI (del inglés graphical user interface), es un programa informático que actúa de interfaz de usuario, utilizando un conjunto de imágenes y objetos gráficos para representar la información y acciones disponibles en la interfaz. Su principal uso consiste en proporcionar un entorno visual sencillo para permitir la comunicación con el sistema operativo de una máquina o computador.

En una interfaz gráfica de usuario podemos encontrar diferentes objetos que, en conjunto, le permiten al usuario interactuar con nuestro software, por ejemplo, si necesitamos que el usuario ingrese nombre podemos facilitar su comprensión del funcionamiento de nuestro programa agregando una etiqueta (label) que indique algo como "Ingrese su nombre" y acompañarla de un cuadro de texto donde el usuario pueda ingresarlo, para que esta información quede guardada agregamos un botón, este botón tiene una propiedad llamada Texto donde podríamos colocar "Guardar" para que así el usuario entienda que al hacer clic en ese botón se guardará su nombre en el sistema. A continuación veremos 10 de los objetos más comunes que componen una IGU, sus propiedades y eventos.    

Botón:

Propiedades: Texto (etiqueta), color de fondo, color de texto, tamaño.

Eventos: Click (se activa al hacer clic), MouseHover (se activa al pasar el mouse sobre él).

Cuadro de Texto (Textbox):

Propiedades: Texto ingresado, tamaño, color de fondo, color de texto.

Eventos: Cambio de texto (se activa al modificar el texto), Enter (se activa al presionar la tecla Enter mientras está seleccionado).

Etiqueta (Label):

Propiedades: Texto (etiqueta), color de texto, tamaño, posición.

Eventos: Ninguno (las etiquetas no suelen tener eventos interactivos).

Casilla de Verificación (Checkbox):

Propiedades: Texto de la casilla, estado (marcado o desmarcado).

Eventos: Cambio de estado (se activa al marcar o desmarcar la casilla).

Lista desplegable (Combobox):

Propiedades: Lista de opciones, opción seleccionada, tamaño, color de fondo.

Eventos: Cambio de selección (se activa al cambiar la opción seleccionada).

Área de Texto (Textarea):

Propiedades: Texto ingresado, tamaño, color de fondo, color de texto.

Eventos: Cambio de texto (se activa al modificar el texto), Scroll (se activa al desplazarse por el texto).

Barra de Progreso (Progress Bar):

Propiedades: Valor de progreso, tamaño, color de fondo, color de barra.

Eventos: Ninguno (las barras de progreso no suelen tener eventos interactivos).

Botón de Opción (Radio Button):

Propiedades: Texto de la opción, estado (seleccionado o no seleccionado).

Eventos: Cambio de estado (se activa al seleccionar la opción).

Botón de Imagen (Image Button):

Propiedades: Imagen mostrada, tamaño, posición.

Eventos: Click (se activa al hacer clic en la imagen).

Campo de Contraseña (Password Field):

Propiedades: Texto oculto, tamaño, color de fondo, color de texto.

Eventos: Cambio de texto (se activa al modificar la contraseña).