Interfaz Gráfica de Usuario

Elementos Visuales

Aprende sobre los diferentes elementos visuales que puedes utilizar en tus proyectos de desarrollo de interfaces gráficas.

Hemos visto cómo crear ventanas y manejar eventos en una interfaz gráfica. Ahora, profundicemos en los elementos visuales que podemos utilizar para construir interfaces atractivas y funcionales.

Bordes

Dentro de Java Swing, los bordes son componentes visuales que pueden ser aplicados a otros componentes para mejorar su apariencia. Los bordes pueden ser simples líneas, bordes con sombras, bordes con títulos, entre otros. Aquí hay algunos tipos comunes de bordes en Swing:

Tipo de BordeDescripción
LineBorderUn borde simple de línea con un color y grosor especificados.
EtchedBorderUn borde con un efecto grabado, que puede ser levantado o hundido.
TitledBorderUn borde que incluye un título en la parte superior.
BevelBorderUn borde con un efecto biselado, que puede ser levantado o hundido.
EmptyBorderUn borde invisible que proporciona espacio alrededor del componente.

Para aplicar un borde a un componente, puedes usar el método setBorder() del componente. Por ejemplo:

JPanel panel = new JPanel();
panel.setBorder(BorderFactory.createTitledBorder("Mi Panel"));

Border Classes

Java Swing proporciona varias clases para crear bordes predefinidos. Aquí hay algunos ejemplos de cómo crear diferentes tipos de bordes:

LineBorder lineBorder = new LineBorder(Color.BLACK, 2);
EtchedBorder etchedBorder = new EtchedBorder(EtchedBorder.RAISED);
TitledBorder titledBorder = new TitledBorder("Título del Borde");
BevelBorder bevelBorder = new BevelBorder(BevelBorder.LOWERED);
EmptyBorder emptyBorder = new EmptyBorder(10, 10, 10, 10);

Colores

Los colores son fundamentales para el diseño de interfaces gráficas. En Java Swing, puedes establecer colores de fondo y primer plano (texto) para los componentes utilizando los métodos setBackground() y setForeground(). Aquí hay un ejemplo:

JButton button = new JButton("Mi Botón");
button.setBackground(Color.BLUE); // Color de fondo azul
button.setForeground(Color.WHITE); // Color de texto blanco

La lista de colores predefinidos en la clase Color incluye:

ColorDescripción
BLACKNegro
BLUEAzul
CYANCian
DARK_GRAYGris Oscuro
GRAYGris
GREENVerde
LIGHT_GRAYGris Claro
MAGENTAMagenta
ORANGENaranja
PINKRosa
REDRojo
WHITEBlanco
YELLOWAmarillo

Además, puedes crear colores personalizados utilizando la clase Color con valores RGB:

Color customColor = new Color(255, 100, 50); // Color personalizado
button.setBackground(customColor);

Es importante destacar que el uso adecuado de colores puede mejorar la usabilidad y la estética de tu interfaz gráfica.

Fuentes

Las fuentes son esenciales para la presentación del texto en una interfaz gráfica. En Java Swing, puedes personalizar la fuente de los componentes utilizando la clase Font. Puedes especificar el nombre de la fuente, el estilo (normal, negrita, cursiva) y el tamaño. Aquí hay un ejemplo de cómo establecer una fuente personalizada para un JLabel:

JLabel label = new JLabel("Texto con Fuente Personalizada");
Font customFont = new Font("Arial", Font.BOLD, 16); // Fuente Arial,
label.setFont(customFont);

Además, puedes obtener las fuentes disponibles en el sistema utilizando el método GraphicsEnvironment.getLocalGraphicsEnvironment().getAvailableFontFamilyNames().

Conclusión

Estos elementos visuales son herramientas poderosas para mejorar la apariencia y funcionalidad de tus interfaces gráficas. Experimenta con diferentes combinaciones de bordes, colores y fuentes para crear diseños atractivos y efectivos. En la próxima sección, exploraremos cómo manejar eventos de usuario para hacer que tu interfaz sea interactiva.

Copyright Jesús Aurelio Castro Magaña © 2026