Programacin orientada a objetos II

Unidad 2. Componentes grficos

Desarrollo de Software
4o semestre

Programa de la asignatura:
Programacin orientada a objetos II

Unidad 2. Componentes grficos

Actividades de aprendizaje

Clave:
15142421 / 16142421

Universidad Abierta y a Distancia de Mxico

Divisin de Ciencias Exactas, Ingeniera y Tecnologa | Desarrollo de Software 1

Programacin orientada a objetos II
Unidad 2. Componentes grficos

COMPONENTES GRAFICOS DE JAVA.

Cada uno de los elementos de un interfaz grfico de usuario en Java se

representa por una instancia de una determinada clase. Por ejemplo, si
queremos que nuestro interfaz tenga un botn, tendremos que, entre
otras cosas, instanciar un objeto de la clase
JButton
. Para configurar los aspectos grficos de los componentes usaremos
mtodos en la clase determinada. Por ejemplo, podremos cambiar el
texto del botn usando el mtodo
void setText(String texto)
de la clase JButton
. En el siguiente cuadro se muestran los distintos tipos de elementos que
se pueden encontrar en Swing y el nombre de la clase que los
representa.

COMPONENTES JLabel Etiqueta, muestra imgenes y texto. El

ATOMICOS texto se puede formatear con etiquetas HTML.
JButton
Botn JCheckBox Casilla de verificacin
JRadioButton Botn de radio, usado para
seleccionar una opcin entre varias
JToggleButton Botn que se queda presionado al
pulsarle JComboBox Control que muestra un
elemento y pulsando en una flecha se pueden ver
otros elementos
JScrollBar Barra de desplazamiento, usada en los
contenedores que permiten que su contenido sea
ms grande que ellos. Nunca usaremos este
componente directamente. JSeparator Usado en
los menus y barras de herramientas para separar
opciones.
JSlider Deslizador
JSpinner Campo de texto con botones para elegir
el elemento siguiente o anterior. Se puede usar
para nmeros, fechas o elementos propios.
JProgressBar Barra de progreso

Divisin de Ciencias Exactas, Ingeniera y Tecnologa | Desarrollo de Software 2

Programacin orientada a objetos II
Unidad 2. Componentes grficos

COMPONENTES JTable Tabla

COMPLEJOS JTree - rbol JList Lista de elementos
JFileChooser Selector de ficheros
JColorChooser Selector de color
JOptionPane Cuadro de dilogo personalizable

COMPONENTES DE TEXTO JTexField- Campo de texto

JFormattedTexField- Campo de texto formateado
JPasswordField- Campo de texto para contrasea
JTextArea- Area de texto
JTexPane Area de texto formatedo y con
imgenes
JEditorpane Area de texto formatedo y con
imgenes que permite la edicin del contenido.
CONTENEDORES JPanel contenedor
JScrollPane Contenedor con barras de
desplazamiento
JsplitPane Contenedor dividido en dos partes
JTabbedPane Contenedor de pestaas
JDesktopPane Contendor para incluir ventanas
dentro
JToolBar Barra de herramientas.
CONTENEDORES DE ALTO JFRame Ventana de Aplicacin.
NIVEL JDialog Cuadro de Dialogo.
JWindow Ventana sin dialogo
JInternalFrame Ventana Interna
MENUS JMenu Un botn que al ser pulsado despliega
men.
JCheckBoxMenuItem Elemento del men como
botn de chequeo.
JRadioButtonMenuItem Elemento del men
como botn de seleccin.
JPopupMenu Menu de elementos
JMenuItem Un botn que se encuentra en un
men
JMenuBar Barra de menus

OTROS JToolBar Barra de Herramientas

JToolTip - Tooltip

Divisin de Ciencias Exactas, Ingeniera y Tecnologa | Desarrollo de Software 3

Programacin orientada a objetos II
Unidad 2. Componentes grficos
Debido a la evolucin que han sufrido los interfaces grficos de usuario
en Java, en algunos aspectos la librera de Swing es algo confusa.
Conceptualmente, podramos pensar que todos los componentes heredan
de la clase
JComponent, todos aquellos que son contenedores, heredaran de
JContainer, etc... Una visin conceptual de la jerarqua de clases podra
ser:

JComponent
AbstractButton
JButton
JMenuItem
JMenu
JCheckBoxMenuItem
JRadioButtonMenuItem
JToggleButton
JCheckBox
JRadioButton
JScrollBar
JSeparator

JPopupMenu.Separator.
JToolBar.Separator
JSlider
JSpinner
JLabel JList
JComboBox JProgressBar
JToolTip
JTable
JTree
JTextComponent
JEditorPane
JTextPane
JTextArea
JTextField
JFormattedTextField
JPasswordField
JContainer

Divisin de Ciencias Exactas, Ingeniera y Tecnologa | Desarrollo de Software 4

Programacin orientada a objetos II
Unidad 2. Componentes grficos
JToolBar JPanel JMenuBar
JPopupMenu
JTabbedPane
JScrollPane
JSplitPane
JLayeredPane
JDesktopPane
JTopLevelContainer
JInternalFrame
JFrame

JWindow
JDialog
JColorChooser
JFileChooser
JOptionPane

Una vez que hemos visto el conjunto de componentes que Swing nos
proporciona, vamos a ver como se construye un interfaz de usuario
sencillo. Vamos a mostrar como construir los elementos grficos y
dejamos para el siguiente apartado la gestin de eventos. El interfaz
grfico a construir estar formado por una ventana, y dentro de sta van
a aparecer un botn, una etiqueta y un cuadro de texto. Los pasos a
seguir son los siguientes: -

Crear una ventana de aplicacin. -

Crear los componentes que se muestran en dicha ventana. -

Crear un contenedor. -

Asociar los componentes al contenedor para que, al hacerse visible,

muestre en su interior dichos componentes. -

Asociar el contenedor a la ventana de aplicacin para que, al hacerse

visible, muestre en su interior el contenedor y, por tanto, los
componentes asociados. La jerarqua de contenedores de nuestro
sencillo interfaz grfico sera

Ventana de
Aplicacin.

Contenedor

Divisin de Ciencias Exactas, Ingeniera y Tecnologa | Desarrollo de Software 5

Programacin orientada a objetos II
Unidad 2. Componentes grficos

Etiqueta Campo de Texto

Boton

Crear la ventana de aplicacin

Para crear una ventana de aplicacin hay que instanciar un objeto de la
clase
JFrame
. Algunos mtodos de esta clase relacionados con el aspecto grfico de
la ventana son:
public JFrame()
Construye una ventana inicialmente invisible.
public JFrame(String titulo)
Construye una ventana inicialmente invisible con el ttulo indicado.
public void setTitle(String titulo)
Establece el ttulo de la ventana.
public void setSize(int width, int height)
Establece el tamao en pxeles de la ventana.
public void setDefaultCloseOperation(int operation)
Establece la operacin que se ha de hacer cuando el usuario cierra la
ventana. Los valores permitidos vienen determinados por las siguientes
constantes:
Javax.swing.JFrame.EXIT_ON_CLOSE
- Salir del programa.
Javax.swing.WindowConstants.DO_NOTHING_ON_CLOSE
- No hacer nada.
Javax.swing.WindowConstants.HIDE_ON_CLOSE
- Ocultar la ventana (por defecto).
Javax.swing.WindowConstants.DISPOSE_ON_CLOSE
Liberar los recursos de la ventana, pero no salir del programa.
public void setResizable(boolean resizable)
Establece si el usuario puede cambiar el tamao de la ventana. Por
defecto es true.
public void setExtendedState(int state)

Divisin de Ciencias Exactas, Ingeniera y Tecnologa | Desarrollo de Software 6

Programacin orientada a objetos II
Unidad 2. Componentes grficos
Establece el estado de la ventana. Puede no funcionar en algunas
plataforms. Los valores permitidos vienen dados por las constantes:
Java.awt.Frame.NORMAL
No se encuentra ni minimizada ni maximizada.
Java.awt.Frame.ICONIFIED
Minimizada.
Java.awt.Frame.MAXIMIZED_BOTH
- Maximizada.
Java.awt.Frame.MAXIMIZED_HORIZ
Maximizada horizontalmente.
Java.awt.Frame.MAXIMIZED_VERT
Maximizada verticalmente.
public void setLocation(int x, int y)

Establece la posicin de la esquina superior izquierda de la ventana

Crear los componentes

Para crear un componente, basta crear una instancia de la clase
determinada y configurar ese objeto para que se adapte a nuestras
necesidades. Vamos a ver algunos mtodos de los aspectos grficos de
algunos de los componentes ms usados:
JButton public JButton(String texto)
- Crea un botn con el texto indicado.
JLabel public JLabel(String texto)
- Crea una etiqueta con el texto indicado.
public String getText()
- Devuelve el texto de la etiqueta.
public void setText(String texto)
- Pone el texto indicado en la etiqueta.
JTextField public JTextField(int columnas)
- Crea un Campo de Texto sencillo con el nmero de columnas
especificado.
public String getText()
- Devuelve el texto del campo de texto. A medida que vayamos
avanzando en el curso iremos viendo los componentes ms importantes
y los mtodos que permiten configurar su aspecto grfico.
Crear un contenedor
Como hemos visto, en Swing existen muchos tipos de contenedores,
dependiendo de la forma que manejen los componentes que tienen
dentro. Por ejemplo, existe un contenedor con pestaas y en cada
pestaa va un componente, es el
JTabbedPane
. Tambin existe otro contenedor dividido en dos partes para dos
componentes, y la separacin puede cambiar de posicin, es el

Divisin de Ciencias Exactas, Ingeniera y Tecnologa | Desarrollo de Software 7

Programacin orientada a objetos II
Unidad 2. Componentes grficos
JSplitPane
. El que nosotros vamos a usar, para construir nuestro sencillo interfaz,
es el
JPanel
, el ms sencillo de todos, que muestra todos los componentes a la vez
distribuidos en su interior. Ms adelante veremos como podemos
configurar la forma de distribuir los componentes. El mtodo constructor
de la clase
JPanel
es:
public JPanel()
Crea un contenedor simple
Asociar los componentes al contenedor para que los muestre al hacerse
visible
Para asociar componentes a un contenedor, de forma que se muestren
dentro cuando el contenedor se muestre por pantalla, usamos el
siguiente mtodo de la clase
JPanel

public void add( JComponent componente )

Asocia el componente al contenedor, de forma que se muestre el
componente al mostrarse el contenedor.

Divisin de Ciencias Exactas, Ingeniera y Tecnologa | Desarrollo de Software 8