DPO2_U1_A2_ARPE

Programación orientada a objetos II Unidad 2. Componentes gráficos

Desarrollo de Software 4o semestre

Programa de la asignatura: Programación orientada a objetos II

Unidad 2. Componentes gráficos

Actividades de aprendizaje

Clave: 15142421 / 16142421

Universidad Abierta y a Distancia de México

División de Ciencias Exactas, Ingeniería y Tecnología | Desarrollo de Software

1

Programación orientada a objetos II Unidad 2. Componentes gráficos

COMPONENTES GRAFICOS DE JAVA.

Cada uno de los elementos de un interfaz gráfico de usuario en Java se representa por una instancia de una determinada clase. Por ejemplo, si queremos que nuestro interfaz tenga un botón, tendremos que, entre otras cosas, instanciar un objeto de la clase JButton . Para configurar los aspectos gráficos de los componentes usaremos métodos en la clase determinada. Por ejemplo, podremos cambiar el texto del botón usando el método 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 ATOMICOS

JLabel – Etiqueta, muestra imágenes y texto. El texto se puede formatear con etiquetas HTML. JButton – Botón JCheckBox – Casilla de verificación JRadioButton – Botón de radio, usado para seleccionar una opción entre varias JToggleButton – Botón 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 más 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 números, fechas o elementos propios. JProgressBar – Barra de progreso

División de Ciencias Exactas, Ingeniería y Tecnología | Desarrollo de Software

2

Programación orientada a objetos II Unidad 2. Componentes gráficos

COMPONENTES COMPLEJOS

JTable – Tabla JTree - Árbol JList – Lista de elementos JFileChooser – Selector de ficheros JColorChooser – Selector de color JOptionPane – Cuadro de diálogo personalizable

COMPONENTES DE TEXTO

CONTENEDORES

CONTENEDORES DE ALTO NIVEL

MENUS

OTROS

JTexField- Campo de texto JFormattedTexField- Campo de texto formateado JPasswordField- Campo de texto para contraseña JTextArea- Area de texto JTexPane – Area de texto formatedo y con imágenes JEditorpane – Area de texto formatedo y con imágenes que permite la edición del contenido. JPanel – contenedor JScrollPane – Contenedor con barras de desplazamiento JsplitPane – Contenedor dividido en dos partes JTabbedPane – Contenedor de pestañas JDesktopPane – Contendor para incluir ventanas dentro JToolBar – Barra de herramientas. JFRame – Ventana de Aplicación. JDialog – Cuadro de Dialogo. JWindow – Ventana sin dialogo JInternalFrame – Ventana Interna JMenu – Un botón que al ser pulsado despliega menú. JCheckBoxMenuItem – Elemento del menú como botón de chequeo. JRadioButtonMenuItem – Elemento del menú como botón de selección. JPopupMenu – Menu de elementos JMenuItem – Un botón que se encuentra en un menú JMenuBar – Barra de menus JToolBar – Barra de Herramientas JToolTip - Tooltip

División de Ciencias Exactas, Ingeniería y Tecnología | Desarrollo de Software

3

Programación orientada a objetos II Unidad 2. Componentes gráficos Debido a la evolución que han sufrido los interfaces gráficos de usuario en Java, en algunos aspectos la librería de Swing es algo “confusa”. Conceptualmente, podríamos pensar que todos los componentes heredan de la clase JComponent, todos aquellos que son contenedores, heredarían de JContainer, etc... Una visión conceptual de la jerarquía de clases podría 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 División de Ciencias Exactas, Ingeniería y Tecnología | Desarrollo de Software

4

Programación orientada a objetos II Unidad 2. Componentes gráficos 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 gráficos y dejamos para el siguiente apartado la gestión de eventos. El interfaz gráfico a construir estará formado por una ventana, y dentro de ésta van a aparecer un botón, una etiqueta y un cuadro de texto. Los pasos a seguir son los siguientes: Crear una ventana de aplicación. 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 aplicación para que, al hacerse visible, muestre en su interior el contenedor y, por tanto, los componentes asociados. La jerarquía de contenedores de nuestro sencillo interfaz gráfico sería Ventana de Aplicación.

Contenedor División de Ciencias Exactas, Ingeniería y Tecnología | Desarrollo de Software

5

Programación orientada a objetos II Unidad 2. Componentes gráficos

Boton

Etiqueta

Campo de Texto

Crear la ventana de aplicación Para crear una ventana de aplicación hay que instanciar un objeto de la clase JFrame . Algunos métodos de esta clase relacionados con el aspecto gráfico de la ventana son: public JFrame() – Construye una ventana inicialmente invisible. public JFrame(String titulo) – Construye una ventana inicialmente invisible con el título indicado. public void setTitle(String titulo) – Establece el título de la ventana. public void setSize(int width, int height) – Establece el tamaño en píxeles de la ventana. public void setDefaultCloseOperation(int operation) – Establece la operación 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 tamaño de la ventana. Por defecto es true. public void setExtendedState(int state) División de Ciencias Exactas, Ingeniería y Tecnología | Desarrollo de Software

6

Programación orientada a objetos II Unidad 2. Componentes gráficos – Establece el estado de la ventana. Puede no funcionar en algunas plataformás. 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 posición 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 métodos de los aspectos gráficos de algunos de los componentes más usados: JButton public JButton(String texto) - Crea un botón 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 número 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 más importantes y los métodos que permiten configurar su aspecto gráfico. 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 pestañas y en cada pestaña va un componente, es el JTabbedPane . También existe otro contenedor dividido en dos partes para dos componentes, y la separación puede cambiar de posición, es el División de Ciencias Exactas, Ingeniería y Tecnología | Desarrollo de Software

7

Programación orientada a objetos II Unidad 2. Componentes gráficos JSplitPane . El que nosotros vamos a usar, para construir nuestro sencillo interfaz, es el JPanel , el más sencillo de todos, que muestra todos los componentes a la vez distribuidos en su interior. Más adelante veremos como podemos configurar la forma de distribuir los componentes. El método 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 método 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.

División de Ciencias Exactas, Ingeniería y Tecnología | Desarrollo de Software

8