Saltar la navegación

2.- Componentes.

Caso práctico

Parece claro que serán interfaces gráficas las que desarrolle BK Programación. Este tipo de interfaces se componen de una serie de elementos gráficos que permiten al usuario enviar sus peticiones a una aplicación y recibir respuestas. Pero ¿cuáles son sus bases?, ¿dónde podemos encontrar estos componentes? y ¿cómo se usan para construir una interfaz gráfica?

Ilustración que muestra a un hombre de perfil escribiendo en el teclado de un ordenador.
Ministerio de Educación (Elaboración propia)
Ilustración de una captura de pantalla que muestra los componentes de una interfaz gráfica.
Ministerio de Educación (Elaboración propia)

Una interfaz gráfica se comporta como un todo para proporcionar un servicio al usuario permitiendo que éste realice peticiones, y mostrando el resultado de las acciones realizadas por la aplicación. Sin embargo, se compone de una serie de elementos gráficos atómicos que tiene sus propias características y funciones y que se combinan para formar la interfaz. A estos elementos se les llama componentes o controles.

Algunos de los componentes más típicos son:

  • Etiquetas: Permiten situar un texto en la interfaz. No son interactivos y puede utilizarse para escribir texto en varias líneas.
  • Campos de texto: cuadros de una sola línea en los que podemos escribir algún dato.
  • Áreas de texto: cuadros de varias líneas en los que podemos escribir párrafos.
  • Botones: áreas rectangulares que se pueden pulsar para llevar a cabo alguna acción.
  • Botones de radio: botones circulares que se presentan agrupados para realizar una selección de un único elemento entre ellos. Se usan para preguntar un dato dentro de un conjunto. El botón marcado se representa mediante un círculo.
  • Cuadros de verificación: botones en forma de rectángulo. Se usan para marcar una opción. Cuando está marcada aparece con un tic dentro de ella. Se pueden seleccionar varios en un conjunto.
  • Imágenes: se usan para añadir información gráfica a la interfaz.
  • Password: es un cuadro de texto en el que los caracteres aparecen ocultos. Se usa para escribir contraseñas que no deben ser vistas por otros usuarios.
  • Listas: conjunto de datos que se presentan en un cuadro entre los que es posible elegir uno o varios.
  • Listas desplegables: combinación de cuadro de texto y lista, permites escribir un dato o seleccionarlo de la lista que aparece oculta y puede ser desplegada.