Professional Documents
Culture Documents
• 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.
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.)
2
Bibliotecas de
Componentes para GUI
3
Componentes de AWT
4
Paneles
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.
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.
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
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.
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.
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