Paso 2: Operativa - Editor de texto

Editor de texto
Paso 2: Operativa

Creación de un panel norte e inserción de una imagen en el botón Abrir

Ahora vamos a indicar que el panel EditorPanel tiene como Gestor de Organización BorderLayout. Para ello seleccionamos de la ventana Inspector [JPanel] | Set Layout | BorderLayout

Seguidamente al panel EditorPanel le arrastramos de la sección Swing Containers de la paleta de componentes un componente de tipo JPanel.

la variable de referencia de este componente es pnlNorte
y su Gestor de organización es un FlowLayout

Al panel pnlNorte le insertamos un botón de tipo JButton llamado btnAbrir. Teniendo seleccionado este botón en la ventana Properties hacemos clic sobre el botón con tres puntos suspensivos perteneciente a la propiedad icon

NetBeans 6 - Propiedad icon - Properties | icon

en el cuadro de diálogo btnAbrir [JButton] - icon marcamos el radio button External Image y hacemos clic sobre el botón que está a la derecha del campo de texto File or URL: para incorporar la imagen C:\isg\j2se\prosjava\prostreams\abrir.gif

NetBeans 6 - Propiedad icon -[JButon] icon | External Image

Este es el código generado por el IDE de la Clase EditorPanel

package paqstreams;

public class EditorPanel extends javax.swing.JPanel {
public EditorPanel() {
initComponents();
}

private void initComponents() {
  pnlNorte = new javax.swing.JPanel();
  btnAbrir = new javax.swing.JButton();
  pnlCentro = new javax.swing.JScrollPane();
  txaEditor = new javax.swing.JTextArea();

setLayout(new java.awt.BorderLayout());

pnlNorte.setLayout(new java.awt.FlowLayout(java.awt.FlowLayout.LEFT));

  btnAbrir.setIcon(new javax.swing.ImageIcon("C:\\isg\j2se\\prosjava\\prostreams\\abrir.gif"));
  btnAbrir.setText("Abrir");
  pnlNorte.add(btnAbrir);
  add(pnlNorte, java.awt.BorderLayout.NORTH);

  pnlCentro.setViewportView(txaEditor);
  add(pnlCentro, java.awt.BorderLayout.CENTER);
}

private javax.swing.JButton btnAbrir;
private javax.swing.JPanel pnlNorte;
private javax.swing.JScrollPane pnlCentro;
private javax.swing.JTextArea txaEditor;
}

El inconveniente de tener que acceder a una imagen que está localizada utilizando una jerarquía de directorios propia de un Sistema Operativo, en este caso Windows, es que en el futuro si quisiéramos ejecutar nuestra aplicación en otro Sistema Operativo como por ejemplo Linux tendríamos que modificar todo el código referente a la localización de las imágenes porque estas están en un path tipo C:\... que Linux no va a entender. Para solventar este pequeño inconveniente vamos a realizar los cambios pertinentes en el Apéndice - Insertar y obtener imágenes en un fichero .jar con NetBeans

Creación de un panel centro e inserción de un texto de área

A diferencia de AWT que el componente TextArea contiene barras de scroll tanto verticales como horizontales por defecto, el componente Swing JTextArea carece de los mencionados scrolls.

Swing tiene un contenedor llamado JScrollPane que su misión consiste en mostrar los scrolls si lo que alberga no se pude ser visible en su totalidad
- de esta forma en vez de utilizar un JPanel utilizamos el componente JScrollPane que hace las funciones de JPanel además de las de scroll.

Así pues buscamos el componente JScrollPane en la paleta de componentes Swing y lo desplazamos al centro del panel EditorPanel. A este contenedor lo vamos a llamar pnlCentro.

Seguidamente buscamos el componente JTextArea y lo insertamos en el pnlCentro. A este componente lo vamos a llamar txaEditor.

Ahora compilamos el JavaBean EditorPanel para actualizarlo y seguidamente ejecutamos la aplicación EditorMarc

Ignasi Pérez Valls
Infosintesis Solutions Group

Marzo 2009

Dudas y comentarios: Foro [1-05] Streams

JavaDabbaDoo.org
Tu comunidad Java parlante. Cursos abiertos, tutoriales y mucho mucho más ...


	Streams - Swing
Inicio \| Cursos infosintesis.net liberados \| Java SE \| Editor de texto