Fila y Columna del JTextArea

25/Sep/2015 Java , , 1 Comentario

Cuando creamos un elemento JTextArea el usuario irá introduciendo texto en dicho área. Si nos fijamos en los editores una de sus características es que nos informan de una forma sencilla de qué línea y en qué columna nos encontramos. Ya sea para localizar texto, para informar de una línea de error en un programa,... En este ejemplo vamos a ver como podemos informarle al usuario de la fija y columna del JTextArea en la que se encuentran.

Para empezar vamos a crear un JFrame, este será el que nos permita tener una aplicación Java Swing de forma visual. Para ello vamos a extender nuestra clase de la clase JFrame.

  1. public class FilaColumna extends JFrame { ... }

Y dentro de ella un método .main() que nos inicialice el JFrame.

  1. public static void main(String args[]) {
  2. FilaColumna app = new FilaColumna();
  3. app.setVisible(true);
  4. }

Lo siguiente será insertar dentro del JFrame el JTextArea que será sobre el que trabajemos, al igual que un JTextField que será dónde demos la información de la fila y columna del JTextArea.

Definimos los elementos:

  1. private JTextArea editor;
  2. private JTextField status;

Y los situamos en el JFrame:

  1. editor = new JTextArea();
  2. add(editor, BorderLayout.CENTER);
  3.  
  4. status = new JTextField();
  5. add(status, BorderLayout.SOUTH);
  6.  

Vemos que nos hemos apoyado en el método .add() para añadir los elementos en el JFrame.

Ahora pasamos a manejar el JTextArea. Lo que nos interesa es que cada vez que el usuario mueva el cursor, ya sea porque mueve las flechas o porque inserta o borra texto tengamos información de la coordenada en la que se encuentra para poder actualizarla sobre el JTextField.

Para ello deberemos de gestionar el evento CaretEvent, así que por consiguiente deberemos de añadir un escuchador de dicho evento sobre nuestro JTextArea, este será un CaretListener. Para añadir el escuchador utilizamos el método .addCaretListener().

  1. editor.addCaretListener(new CaretListener() { ... });

El evento CaretListener tiene un método que se llama .caretUpdate() que es el que se ejecuta cada vez que hay una actualización del cursor. Este método recibe un objeto CaretEvent con la información del evento.

  1. editor.addCaretListener(new CaretListener() {
  2. public void caretUpdate(CaretEvent e) { ... }
  3. });

Ahora vamos al meollo del problema. Que es qué hacer en este evento .caretUpdate(). Lo primero será obtener una referencia al JTextArea en el que se ha producido el evento. Este viene dentro del objeto CaretEvent.

  1. JTextArea editArea = (JTextArea)e.getSource();

Ahora, sobre el JTextArea invocaremos al método .getCaretPosition(). Este método nos da la posición del cursor relativa al número de caracteres insertados. Así, si hemos insertado el siguiente texto:

Color
Rojo o Verde

Nos devolverá el valor 18, que es igual al número de caracteres insertados más el salto de línea. Pero nosotros queremos la fila y la columna así que nos apoyaremos en el método .getLineOfOffset() al que pasaremos la posición del cursor y nos devolverá la fila.

  1. linea= editArea.getLineOfOffset(caretpos);

Y en el método .getLineStartOffset(), el cual, al pasarle la fila nos devolverá el número de caracteres que hay en las anteriores líneas. Así que restandoselo a la posición del cursor nos dará la columna de la fila actual.

  1. columna = caretpos - editArea.getLineStartOffset(linea);

La línea inicial la marca como la 0. Así que a fines de ajustes visuales habrá que incrementar en una unidad el valor de la fila para que aparezca la fila correcta.

El código completo del listener será:

  1. public void caretUpdate(CaretEvent e) {
  2. JTextArea editArea = (JTextArea)e.getSource();
  3.  
  4.  
  5. int linea = 1;
  6. int columna = 1;
  7.  
  8. try {
  9. int caretpos = editArea.getCaretPosition();
  10. linea= editArea.getLineOfOffset(caretpos);
  11. columna = caretpos - editArea.getLineStartOffset(linea);
  12.  
  13. // Ya que las líneas las cuenta desde la 0
  14. linea += 1;
  15. } catch(Exception ex) { }
  16.  
  17. // Actualizamos el estado
  18. actualizarEstado(linea, columna);
  19. }

Se nos olvidaba, lo último que hemos hecho ha sido actualizar el valor del JTextField.

  1. private void actualizarEstado(int linea, int columna) {
  2. status.setText("Linea: " + linea + " Columna: " + columna);
  3. }

De esta forma hemos conseguido conocer el valor de la Fila y Columna del JTextArea y volcarlo a un JTextField.

Vídeos sobre Java


Difunde el Conocimiento

Si te ha gustado el artículo o te ha sido de utilidad, no dejes de compartirlo con tus amigos en las redes sociales... Te estaremos muy agradecidos. :-D

Un comentario en “Fila y Columna del JTextArea”

Víctor Cuervo

Cristian

Buenas. Soy novato y me cuesta como quedaría todo en un proyecto. Me podría mandar a mi correo electrónico el proyecto?
Gracias y un saludo.

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*

*