You are on page 1of 12

Introducción

• En el mundo de la informática contamos con miles de aplicaciones en las


cuales las de interface gráfica(GUI), son las más utilizadas por los
usuarios, siendo que el ser humano comprende más rápido una imagen
intuitiva que leer un manual para utilizar una aplicación.

• Por lo regular una aplicación o desarrollo con interface gráfica contara con
una barra de menú los que pueden contar con submenús, también
contaran con Botones, algunos con espacio para escribir texto, algina
barra de desplazamiento etc., siendo estos componentes hoy en día muy
familiares para todo mundo que utiliza una computadora.

• Todos esos elementos se encuentran en el paquete javax.swing (algunos


pertenecen a java.awt) y son subclase de JComponent, por esta razón se
deberá importar dicha clase.

• Por tal motivo en esta actividad mencionaremos algunos de ellos y su


funcionalidad.

1
Elementos básicos de
una GUI
“Componentes GUI (widgets)
• Objetos visuales del interfaz
• Un programa gráfico es un conjunto de componentes
anidados (ventanas, contenedores, menús, barras,
botones, campos de texto, etc.)

Disposición (layout): cómo se colocan los componentes


para lograr un GUI cómodo de utilizar
Layout managers: Gestionan la organización de los
componentes gráficos de la interfaz
Eventos: interactividad, respuesta a la entrada del
usuario
• Desplazamiento del ratón, selección en un menú, botón
pulsado, etc.
Creación de gráficos y texto - Clase Graphics (Define
fuentes, pinta textos, para dibujo de líneas, figuras,
coloreado,…)”
Mestras, J. P. (Agosto de 2017). Estructura de las Aplicaciones Orientadas a Objetos. Obtenido
de https://www.fdi.ucm.es/profesor/jpavon/poo/2.11.GUI.pdf

2
Bibliotecas de
Componentes para GUI

“Abstract Windowing Toolkit (AWT)


“Look & Feel” dependiente de la plataforma: La apariencia
de ventanas, menús, etc. es distinta en Windows, Mac,
Linux y otros sistemas.

Swing / Java Foundation Classes ( desde JDK 1.1.5)


Look & Feel y funcionalidad independiente de la
plataforma desarrollado 100% en Java.
Portable: si se elige un look&feel soportado por Swing (o
se programa uno) puede asegurarse que la GUI se verá
igual en cualquier plataforma, mucho más completo que
AWT”

Mestras, J. P. (Agosto de 2017). Estructura de las Aplicaciones Orientadas a Objetos. Obtenido


de https://www.fdi.ucm.es/profesor/jpavon/poo/2.11.GUI.pdf

3
Componentes de AWT

Contenedores Contiene otros Componentes o Contenedores, estos se añaden al


contenedor para ciertas operaciones, quedando en un conjunto.
Lienzo (Clase Canvas) Es una superficie simple de dibujo
Componentes de Botones, listas, menús, casillas de verificación, campos de
Interfaz de Usuario texto, etc.

Componentes de Ventanas, marcos, barras de menús, cuadros de diálogo


Construcción de
Ventanas

Mestras, J. P. (Agosto de 2017). Estructura de las Aplicaciones Orientadas a Objetos. Obtenido de


https://www.fdi.ucm.es/profesor/jpavon/poo/2.11.GUI.pdf

4
Paneles

Los paneles son secciones que pueden configurarse en


diferentes tamaños, colores, márgenes, etcétera.

java.awt.BorderLayout Crear los botones (objetos de la clase Button) y el gestor de diseño (objeto de la clase
BorderLayout).
Establecer sus propiedades en init.
java.awt.Color Los colores primarios son el rojo, el verde y el azul. Java utiliza un modelo de color denominado
RGB, que significa que cualquier color se puede describir dando las cantidades de rojo (Red),
verde (Green), y azul (Blue). Estas cantidades son números enteros comprendidos entre 0 y 255.
java.awt.event.Window Una clase de adaptador abstracta para recibir eventos de ventana. Los métodos en esta clase
Adapter están vacíos. Esta clase existe como una conveniencia para crear objetos de escucha.
java.awt.event.Window Un evento de bajo nivel que indica que una ventana ha cambiado su estado. Este evento de bajo
Event nivel es generado por un objeto Windows cuando se abre, se cierra, se activa, se desactiva, se
sincroniza o se desincroniza, o cuando el enfoque se transfiere hacia o desde la Ventana.
javax.swing.* Proporciona un conjunto de componentes "livianos" (todos los lenguajes Java) que, en la mayor
medida posible, funcionan igual en todas las plataformas.

docs.oracle. (Febrero de 2018). Class WindowAdapter. Obtenido de


https://docs.oracle.com/javase/7/docs/api/java/awt/event/WindowAdapter.html
García, A. F. (Diciembre de 2001). Las clases Color, Font y FontMetrics. Obtenido de
http://www.sc.ehu.es/sbweb/fisica/cursoJava/applets/grafico/color_font.htm
García, A. F. (Diciembre de 2001). Los gestores FlowLayout, BorderLayout y GridLayout. Obtenido de
http://www.sc.ehu.es/sbweb/fisica/cursoJava/applets/diseno/flow.htm 5
Marco

Los paneles se deben ubicar dentro de marcos, los cuales


son comúnmente llamados frames, como el nombre de la
clase los define (JFrame).
Los marcos son los contenedores principales para crear
aplicaciones gráficas, ya que cualquier otro componente
gráfico que se cree, debe estar dentro de un marco.

UnADM. (2018). Unidad 2. Componentes gráficos. México: Universidad Abierta y a Distancia de México

6
BorderLayout Esta distribución acomoda los componentes en máximo 5
ubicaciones del frame, éstas son: arriba (PAGE_START), abajo
(PAGE_END), izquierda (PAGE_START),derecha (PAGE_END) y
centro (PAGE_CENTER),
BoxLayout Esta distribución acomoda todos los componentes uno tras de otro
en una sola fila o columna, según el espacio disponible, en la
siguiente imagen se puede observar un ejemplo.
CardLayout Permite implementar un área que contiene diferentes componentes
en diferentes momentos, observa el siguiente ejemplo.
FlowLayout Esta distribución coloca los elementos por filas, de izquierda a
derecha, hasta acabar con el espacio, entonces crea una nueva fila
debajo, como se muestra a continuación.
GridLayout Esta distribución acomoda los componentes en filas y columnas,
ajusta los elementos a que tengan un tamaño similar, como se ve
en la siguiente imagen.

GridBagLayout Alinea los elementos en filas y columnas, como el anterior, pero


con la diferencia de que permite que un componente cubra varias
filas y/o columnas, a continuación se presenta un ejemplo en la
siguiente imagen

UnADM. (2018). Unidad 2. Componentes gráficos. México: Universidad Abierta y a Distancia de México

7
GroupLayout Maneja un diseño de los elementos verticales y horizontales de
manera separada, por lo que cada una cuenta con una
configuración independiente, tal como se verá continuación:
SpringLayout Esta distribución permite definir la relación de espacio entre los
componentes y sus bordes, como se muestra en el siguiente
ejemplo.
JLabel Se pasa como parámetros una cadena que será el contenido de la
etiqueta.
JTextField Campo en el cual se introduce texto que se almacenara en nuestra
aplicación.
JButton Cadena en la cual se colocara el nombre

JCheckBox Botones de selección, permite marcar opciones dadas para


recopilar información de lo solicitado.

JTextArea Es un cuadro de texto que aparecerá por defecto. Si queremos que


se baje la palabra al terminar la línea, usaremos el método
setLineWrap(true); invocado desde el objeto TextArea. Si
queremos que cuando que cuando baje lo haga la palabra entera
en lugar de caracteres sueltos, usaremos el método
setWrapStyleWord(true);. Veamos un ejemplo
Roer, b. D. (17 de Septiembre de 20014). Tipos de componentes gráficos en Java. Obtenido
8
de https://www.discoduroderoer.es/tipos-de-componentes-graficos-en-java/
JPasswordField La cadena que representaran los caracteres se mostraran con
puntos por seguridad para crear un Password
JComboBox Es una clase parametrizada por lo que es recomendable indicar el
tipo de dato a almacenar. Para añadir elementos, usaremos el
método addItem(“elemento”); donde elemento será lo que
queremos introducir en el combobox.
JToggleButton Nos permite usarlo como si fuera un interruptor, si esta pulsado es
true y si no lo esta es false.

JSpinner Sirve para llevar un contador, podemos aumentar o disminuir una


cantidad
JList Clase parametrizada por lo que es recomendable indicar el tipo de
dato a almacenar. Hay varias formas de construir este componente,
pero lo mas sencillo, es pasándole un array de objetos, por
ejemplo, un array de String. También le añadiremos un scroll.

Spinner Este componente es una pequeña caja de texto, con dos flechas a
la derecha, una hacia arriba y otra hacia abajo, con las flechas se
puede ir incrementando o reduciendo su valor.
JScrollPane Cuando el espacio de la pantalla es limitado, use un panel de
desplazamiento para mostrar un componente que sea grande o uno
cuyo tamaño pueda cambiar dinámicamente.
Roer, b. D. (17 de Septiembre de 20014). Tipos de componentes gráficos en Java. Obtenido
9
de https://www.discoduroderoer.es/tipos-de-componentes-graficos-en-java/
Descripciones Generales.
Así como un contenedor en el cual será la base de nuestra interface la
barra de herramientas que podemos colocar en la parte superior la cual
contendría el menú y a su vez el menú contendrá submenús y las barras de
desplazamiento, así como los distintos botones que nos llevaran a distintos
módulos o acciones que ya estén programadas.

Las cajas de textos y los botones son componentes importantes en un


desarrollo, siendo estos elementos fundamentales en la mayoría de las
interfaces gráficas, y siendo tan comunes en la utilización de estas que ya
no les tomamos la importancia que es debida.
Es por eso que es fácil entender las distintas aplicaciones que se
encuentran en distintos sistemas operativos y con esto hacer un estándar
del uso de estas.

10
Conclusión.
Podemos comprender la importancia que tiene la interface grafica para crear
un desarrollo ya que con esto podemos personalizar la aplicación de una
forma sencilla y clara para un rápido desarrollo, sin embargo hay que seguir
aprendiendo de todos los elementos que se pueden incluir en un desarrollo y
su funcionamiento para lograr un desarrollo de calidad, así no menos
importante saber implementar los códigos correctos para realizar el enlace
entre los objetos y funciones para evitar tener resultados no deseados.

Siendo que se cuenta con una gran biblioteca de comandos es importante


seguir estudiando sobre cada uno de ellos hasta obtener un mejor
entendimiento de cada función.

11
Referencias
docs.oracle. (Febrero de 2018). Class WindowAdapter. Obtenido de
https://docs.oracle.com/javase/7/docs/api/java/awt/event/WindowAdapter.html
docs.oracle. (Marzo de 2018). How to Use Scroll Panes. Obtenido de
https://docs.oracle.com/javase/tutorial/uiswing/components/scrollpane.html
docs.oracle. (Febrero de 2018). Java Platform Standard Edition 7 Documentation. Obtenido de
https://docs.oracle.com/javase/7/docs/
García, A. F. (Diciembre de 2001). Las clases Color, Font y FontMetrics. Obtenido de
http://www.sc.ehu.es/sbweb/fisica/cursoJava/applets/grafico/color_font.htm
García, A. F. (Diciembre de 2001). Los gestores FlowLayout, BorderLayout y GridLayout. Obtenido de
http://www.sc.ehu.es/sbweb/fisica/cursoJava/applets/diseno/flow.htm
Mestras, J. P. (Agosto de 2017). Estructura de las Aplicaciones Orientadas a Objetos. Obtenido de
https://www.fdi.ucm.es/profesor/jpavon/poo/2.11.GUI.pdf
Roer, b. D. (17 de Septiembre de 20014). Tipos de componentes gráficos en Java. Obtenido de
https://www.discoduroderoer.es/tipos-de-componentes-graficos-en-java/
UnADM. (2018). Unidad 2. Componentes gráficos. México: Universidad Abierta y a Distancia de México.

12

You might also like