Personalizar nodos de un JTree con HTML

Una clase JTree permite mostrar datos de una forma jerárquica y en realidad este objeto no contiene sus datos; es decir, simplemente proporciona una vista hacia los datos consultando su modelo de datos.

A continuación se muestra como usar etiquetas HTML en un objeto Jtree para formatear los datos que este muestra. Para ser exactos, se debe personalizar la clase DefaultTreeCellRenderer extendiendo la misma para que la propiedad text acepte etiquetas HTML.

Paso 1.

Crea un proyecto Java Application en Netbeans con el nombre de «JTree Example«. Agregar las clases:

Main.java
MyTreeRenderer.java
Student.java

Paso 2. Clase estudiante

Creamos una clase para contener la información que se vera en el JTree

package org.example;
/**
 * @see https://www.jc-mouse.net/
 * @author mouse
 */
public class Student {
    
    private String name;
    private String mail;

    public Student(String name, String mail) {
        this.name = name;
        this.mail = mail;
    }

    public Student() {
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public String getMail() {
        return mail;
    }

    public void setMail(String mail) {
        this.mail = mail;
    }
    
}

Paso 3. Personalizar DefaultTreeCellRenderer

En esta clase es donde personalizamos los datos de salida, para este ejemplo, el nombre del estudiante se muestra en negrilla y su correo electronico en cursiva.

package org.example;

import java.awt.Component;
import javax.swing.JTree;
import javax.swing.tree.DefaultMutableTreeNode;
import javax.swing.tree.DefaultTreeCellRenderer;

/**
 * @see https://www.jc-mouse.net/
 * @author mouse
 */
public class MyTreeRenderer extends DefaultTreeCellRenderer {

    private static final String BOLD_FORMAT = "<span style='font-weight: bold;'>%s</span>";
    private static final String ITALIC_STYLE = "<span style='font-style: italic;'>%s</span>";

    @Override
    public Component getTreeCellRendererComponent(JTree tree, Object value,
            boolean sel, boolean expanded,
            boolean leaf, int row, boolean hasFocus) {
        super.getTreeCellRendererComponent(tree, value, sel, expanded, leaf, row, hasFocus);
        DefaultMutableTreeNode node = (DefaultMutableTreeNode) value;
        Object userObject = node.getUserObject();
        if (userObject instanceof Student) {
            Student student = (Student) userObject;
            String text = String.format(BOLD_FORMAT, student.getName());
            text += " " + String.format(ITALIC_STYLE, student.getMail());
            this.setText("<html>" + text + "</html>");
        }
        return this;
    }

}

Paso 4. Probando

Agregamos algunos datos en un Jtree y le asignamos nuestro renderer creado en el paso 3.

package org.example;

import java.awt.Dimension;
import javax.swing.JFrame;
import javax.swing.JScrollPane;
import javax.swing.JTree;
import javax.swing.tree.DefaultMutableTreeNode;

/**
 * @see https://www.jc-mouse.net/
 * @author mouse
 */
public class Main {

    /**
     * @param args the command line arguments
     */
    public static void main(String[] args) {

      DefaultMutableTreeNode root = new DefaultMutableTreeNode("Curso");
      
      DefaultMutableTreeNode student1 = new DefaultMutableTreeNode( new Student("Andres Trozado","andres_ito@mail.com") );
      DefaultMutableTreeNode student2 = new DefaultMutableTreeNode( new Student("Lola Mento","runlola@mail.com") );
      DefaultMutableTreeNode student3 = new DefaultMutableTreeNode( new Student("Elena Nito","xelchikito@mail.com") );
      DefaultMutableTreeNode student4 = new DefaultMutableTreeNode( new Student("Victor Tilla","viktor33@mail.com") );
      DefaultMutableTreeNode student5 = new DefaultMutableTreeNode( new Student("Paca Garte","del2@mail.com") );
      DefaultMutableTreeNode student6 = new DefaultMutableTreeNode( new Student("Estela Gartija","lagarto4ever@mail.com") );
      root.add(student1);
      root.add(student2);
      root.add(student3);
      root.add(student4);
      root.add(student5);
      root.add(student6);
      
      JTree jtree = new JTree(root);
      jtree.setCellRenderer(new MyTreeRenderer());
        
      JFrame frame = createFrame();
      frame.add(new JScrollPane(jtree));
      frame.setLocationRelativeTo(null);
      frame.setVisible(true);
    }

    private static JFrame createFrame() {
        JFrame frame = new JFrame("JTree Example");
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.setSize(new Dimension(400, 400));
        return frame;
    }

}

Ejecutamos el proyecto y tenemos:

enjoy!

Personalizar nodos de un JTree con HTML

Tags

Últimas entradas

Convierte tus fotos al estilo Ghibli gratis y fácil: Guia paso a paso

Edita fotografias gratis con esta IA de Google

Que es y como se usa la App de la ANH Abastecimiento

Fin de una era. RIP Skype 2003-2025

Ggwave: Conoce el idioma que usan las IAs para comunicarse

Artículos similares

Potigol: Lenguaje de programación en portugues

Métodos Numéricos: Sustitución Directa

Introducción a Scene Builder y MVC (Parte II)

Tabla con imagen de fondo en Java

Validación XML con Esquema XSD en PHP

Crea una ventana de dialogo «Acerca de…» personalizado

JC Mouse | Bolivia