JavaExplorer

Uniendo los componentes II

2009-06-26T00:00:00.000-07:00

Ya tenemos unidos la lista de unidades y la lista de ficheros, pero también a la hora de pulsar doble click en una carpeta de la lista de ficheros tenemos que entrar en ella. Así que lo que vamos a hacer el lo mismo que con la barra de unidades. Crearemos un 'listener' y nos conectaremos a él.

En este caso el 'listener' es de la misma lista de ficheros, por lo que conectaremos a a la lista con su propio listener. Podríamos hacerlo más fácil, al dar doble click cargar la lista, pero de esta forma queda todo centralizado, y además, el listener será necesario para el futuro.

Así que este es el código ha añadir:


public class JListFiles extends JScrollPane implements JListRootsListener, JListFilesListener {
...
private Vector listeners = new Vector();
..
public JListFiles(File folder) throws IOException {
...
 listFiles.addMouseListener(new MouseAdapter() {
  public void mouseClicked(MouseEvent evt) {
   if (evt.getClickCount() == 2) {
    File selectedFile = (File)listFiles.getSelectedValue();
    boolean isFolder =  selectedFile.isDirectory();
    for(Enumeration e = listeners.elements(); e.hasMoreElements(); ) {
     JListFilesListener listener = (JListFilesListener)e.nextElement();
     if (isFolder) {
      listener.jlistFoldersDblClicked(selectedFile);
     } else {
      listener.jlistFilesDblClicked(selectedFile);
     }
    }
   }
  }
 });
 addListener(this);
}
...
/**
 * Evento que lanza la lista de ficheros al hacer doble click sobre un fichero
 *
 * @file Fichero sobre el que se ha hecho doble-click
 */
public void jlistFilesDblClicked(File file) {
}

/**
 * Evento que lanza la lista de ficheros al hacer doble click sobre una carpeta
 *
 * @folder Carpeta sobre el que se ha hecho doble-click
 */
public void jlistFoldersDblClicked(File folder) {
 loadFiles(folder);
}

Para el próximo post intentaremos publicar el código del proyecto. Y esperamos hacer los post más a menudo y no como este que ha tardado casi un año.

Saludos

Uniendo los componentes

2008-08-29T02:21:00.000-07:00

Para poder unir los dos componentes que hemos hecho, la lista de unidades y la lista de ficheros, vamos a crear un listener, es decir un clase que esté escuchando o esperando eventos.

En primer lugar crearemos un interface que deberán implementar todos los componentes (todas las clases) que quieran 'escuchar' (poder recibir) esos eventos:


package org.jexplorer;

import java.io.*;
public interface JListRootsListener {

    public void JListRootsClicked(File file);

}

Si leemos el código se puede ver que al hacer click en la lista de unidades saltará este método con la unidad (file) sobre la que se ha pulsado.

En segundo lugar añadiremos esta variable a la clase JListRoots.java:


private Vector listeners = new Vector();

Será la lista de 'escuchadores' que quieren escuchar los eventos de la clase.

En tercer lugar, añadiremos las siguientes líneas al final del constructor de la clase:


listRoots.addMouseListener(new MouseAdapter() {
 public void mouseClicked(MouseEvent evt) {
 String path = (String)listRoots.getSelectedValue();
  File selectedFile = new File(path);
  for(Enumeration e = listeners.elements(); e.hasMoreElements(); ) {
   JListRootsListener listener = (JListRootsListener)e.nextElement();
   listener.JListRootsClicked(selectedFile);
  }
 }
});

Cuando se pulse en una unidad se lanzará la función JListRootsClicked de todas las clases que se hayan añadido como listeners.

En cuarto lugar, ¿Cómo hace una clase para poder ser un listener de JListRoots?
Añadimos el siguiente código en la clase JListRoots:


public void addListener(JListRootsListener listener) {
 listeners.add(listener);
}

Al final del constructor de la clase JExplorer añadimos esto:


listRoots.addListener(listFiles);

(Si, por fin estamos uniendo los dos controles)

Y ahora para que funcione la clase JListFiles debe implementar el interface JListRootsListener:


public class JListFiles extends JScrollPane implements JListRootsListener {
...
public void JListRootsClicked(File file) {
 loadFiles(file);
}
....

Y ya está, tenemos los dos controles unidos, si se pincha en una unidad de la lista deben aparecer los ficheros en la lista de la derecha.

Para la próxima entrega navegaremos por la lista de ficheros.

Saludos

Enlaces patrocinados>
camaras frigorificas congelacion

Ordenando la lista

2008-08-12T01:35:00.000-07:00

Vamos a ordenar la lista. Para ello crearemos una clase que implemente el interface Comparator. El código es el siguiente:


package org.jexplorer;

import java.io.*;
import java.util.*;

public class FileComparator implements Comparator {
    public FileComparator() {
    }

    public int compare(Object o1, Object o2) {
        File f1 = (File)o1;
        File f2 = (File)o2;
        if (f1.isDirectory()) {
            if (f2.isDirectory()) {
                return f1.getName().compareTo(f2.getName());
            } else {
                return -1;
            }
        } else if (f2.isDirectory()) {
            return 1;
        } else {
            return f1.getName().compareTo(f2.getName());
        }
    }

    public boolean equals(Object o) {
        return false;
    }
}

Si se observa el código se ve que van primero las carpetas y a continuación los archivos y cada uno de los dos grupos ordenados por nombre.

Lo único que nos queda es hacer la llamada desde la lista de ficheros (JListFiles):


public void loadFiles(File file) {
 File[] files = file.listFiles();
 Vector lista = new Vector(files.length);
 for (int i = 0; i < files.length; i++) {
  lista.add(files[i]);
 }
 Collections.sort(lista, new FileComparator());
 listFiles.setListData(lista);
 listFiles.setCellRenderer(new MyCellRenderer());
 setViewportView(listFiles);
}

Se puede observar que la ordenación no es muy rápida. Se nota especialmente en unidades de red con muchos ficheros. Esto es por que estamos continuamente llamando a funciones de la clase File, que no son muy óptimas. Estas llamadas ocurren en el CellRender y ahora en la ordenación. Ya lo mejoraremos.

Nos falta que al dar doble click en una carpeta, de la lista de archivos, se muestre esa carpeta, y añadir más opciones de navegación. Lo dejaremos para los próximos posts.

Saludos

Un pequeño explorador

2008-08-12T01:32:00.001-07:00

En esta entrada vamos a unir los dos controles que hemos hecho, la lista de unidades y la lista de ficheros.

Estas uniones se hacen mediante 'listeners', que los podríamos traducir como oyentes o escuchadores. Estos oyentes se 'instalan' en el control en cuestión y sus métodos son lanzados al realizar el usuario alguna acción sobre el control (hacer click, cambiar la selección, etc.)

En nuestro caso hemos creado el siguiente listener:

class ListRootsListener implements JListRootsListener {
        public void JListRootsClicked(File file) {
            listFiles.loadFiles(file);
        }
    }

El cual hemos creado como una clase interna (inner class) de la clase JExplorer.

JListRoots ahora posee una lista de 'oyentes' donde propagar cada evento generado por el usuario. En este momento únicamente el click del ratón sobre una unidad. A su vez implementa el listener del control JLIst para capturar el evento del click. El código quedará así:

    ...
    private JList listRoots = new JList();

    private Vector listeners = new Vector();

    public JListRoots() throws IOException {
        File[] roots = File.listRoots();
        Vector lista = new Vector(roots.length);
        for (int i = 0; i < roots.length; i++) {
            lista.add(roots[i].getAbsolutePath());
        }
        listRoots.setListData(lista);
        listRoots.setCellRenderer(new MyCellRenderer());
        setViewportView(listRoots);
        listRoots.addMouseListener(new MouseAdapter() {
            public void mouseClicked(MouseEvent evt) {
                String path = (String)listRoots.getSelectedValue();
                File selectedFile = new File(path);
                for(Enumeration e = listeners.elements(); e.hasMoreElements(); ) {
                    JListRootsListener listener = (JListRootsListener)e.nextElement();
                    listener.JListRootsClicked(selectedFile);
                }
            }
        });
    }

    public void addListener(JListRootsListener listener) {
        listeners.add(listener);
    }

    class MyCellRenderer extends JLabel implements ListCellRenderer {
    ...

En JExplorer justo antes de setDefaultCloseOperation se debe poner esta línea:

listRoots.addListener(new ListRootsListener());

Y ya está, ya tenemos unidos los dos controles. En la próxima entrega ordenaremos la lista de ficheros.

Saludos

La lista de unidades

2008-08-11T01:05:00.001-07:00

Ahora vamos a crear una lista de unidades. Como siempre iremos de poco en poco. Aquí os dejo el código de la clase JListRoots:

package org.jexplorer;

import java.awt.*;
import javax.swing.*;
import java.io.*;
import java.util.Vector;

public class JListRoots extends JScrollPane {
    final static String PATH_DEVICE_NFS = JExplorer.PATH_THEMES + JExplorer.PATH_THEME + "32x32/devices/nfs_unmount.png";
    final static String PATH_DEVICE_HD = JExplorer.PATH_THEMES + JExplorer.PATH_THEME + "32x32/devices/hdd_unmount.png";
    final static String PATH_DEVICE_FD = JExplorer.PATH_THEMES + JExplorer.PATH_THEME + "32x32/devices/3floppy_unmount.png";
    final static String PATH_DEVICE_DVD = JExplorer.PATH_THEMES + JExplorer.PATH_THEME + "32x32/devices/dvd_unmount.png";

    final static ImageIcon nfsIcon = new ImageIcon(PATH_DEVICE_NFS);
    final static ImageIcon hdIcon = new ImageIcon(PATH_DEVICE_HD);
    final static ImageIcon fdIcon = new ImageIcon(PATH_DEVICE_FD);
    final static ImageIcon dvdIcon = new ImageIcon(PATH_DEVICE_DVD);

    private JList listRoots = new JList();

    public JListRoots() throws IOException {
        File[] roots = File.listRoots();
        Vector lista = new Vector(roots.length);
        for (int i = 0; i < roots.length; i++) {
            lista.add(roots[i].getAbsolutePath());
        }
        listRoots.setListData(lista);
        listRoots.setCellRenderer(new MyCellRenderer());
        setViewportView(listRoots);
    }

    class MyCellRenderer extends JLabel implements ListCellRenderer {
        public Component getListCellRendererComponent(JList list, Object value, int index, boolean isSelected, boolean cellHasFocus) {
            String device = "" + value.toString();
            setText(device);
            if (device.equals"C:\\")) {
                setIcon(hdIcon);
            } else if (device.equals"A:\\")) {
                setIcon(fdIcon);
            } else if (device.equals"D:\\")) {
                setIcon(dvdIcon);
            } else {
                setIcon(nfsIcon);
            }
            if (isSelected) {
                setBackground(list.getSelectionBackground());
                setForeground(list.getSelectionForeground());
            } else {
                setBackground(list.getBackground());
                setForeground(list.getForeground());
            }
            setEnabled(list.isEnabled());
            setFont(list.getFont());
            setOpaque(true);
            return this;
        }
    }
}

También vamos a modificar el código de JExplorer para que muestre los dos controles juntos. Queda unirlos, para que cuando pulsemos en la unidad C:\ nos muestre los ficheros de esa unidad. Esto lo haremos con Listeners.

Visualmente los uniremos con un JSplitPane:

package org.jexplorer;

import java.awt.*;
import javax.swing.*;
import java.io.IOException;

public class JExplorer extends JFrame {
    final static String PATH_THEMES = "C:/java/jexplorer/themes/";
    final static String PATH_THEME = "nuvola/";

    private JListRoots listRoots = null;
    private JListFiles listFiles = null;

    public JExplorer() throws IOException {
        listRoots = new JListRoots();
        listFiles = new JListFiles"C:/");
        JSplitPane hpane = new JSplitPane(JSplitPane.HORIZONTAL_SPLIT, listRoots, listFiles);
        getContentPane().add(hpane, BorderLayout.CENTER);

        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        int width = 600;
        int height = 300;
        setSize(width, height);
        setVisible(true);
    }

    public static void main(String[] args) throws IOException {
        new JExplorer();
    }
}

Así es como está quedando el proyecto:

Saludos

La lista de ficheros

2008-07-11T00:41:00.001-07:00

Ahora que ya tenemos la ventana creada vamos a poner en nuestro explorador de ficheros un control que muestre los ficheros de nuestro disco duro.

Vamos a ir por pasos. Primero crearemos un control que nos muestra las carpetas y los ficheros. Esta clase extenderá la clase JList, y el código será el siguiente:

package org.jexplorer;

import java.awt.*;
import javax.swing.*;
import java.io.*;
import java.util.Vector;

public class JListFiles extends JScrollPane {
    final static int CELL_WIDTH = 150;
    final static int CELL_HEIGTH = 50;
    final static String PATH_FOLDER = JExplorer.PATH_THEMES + JExplorer.PATH_THEME + "32x32/filesystems/folder.png";
    final static String PATH_FILE = JExplorer.PATH_THEMES + JExplorer.PATH_THEME + "32x32/mimetypes/empty.png";

    final static ImageIcon folderIcon = new ImageIcon(PATH_FOLDER);
    final static ImageIcon fileIcon = new ImageIcon(PATH_FILE);

    private JList listFiles = new JList();

    public JListFiles() throws IOException {
    }

    public JListFiles(String url) throws IOException {
        this(new File(url));
    }

    public JListFiles(File file) throws IOException {
        listFiles.setLayoutOrientation(JList.HORIZONTAL_WRAP);
        listFiles.setVisibleRowCount(0);
        listFiles.setFixedCellWidth(CELL_WIDTH);
        listFiles.setFixedCellHeight(CELL_HEIGTH);
        loadFiles(file);
    }
    public void loadFiles(File file) {
        File[] files = file.listFiles();
        Vector lista = new Vector(files.length);
        for (int i = 0; i < files.length; i++) {
            lista.add(files[i]);
        }
        listFiles.setListData(lista);
        listFiles.setCellRenderer(new MyCellRenderer());
        setViewportView(listFiles);
    }

    class MyCellRenderer extends JLabel implements ListCellRenderer {
        public MyCellRenderer() {
            setHorizontalAlignment(CENTER);
        }

        public Component getListCellRendererComponent(JList list, Object value, int index, boolean isSelected, boolean cellHasFocus) {
            File file = (File)value;
            setText(file.getName());
            if (file.isDirectory()) {
                setIcon(folderIcon);
            } else {
                setIcon(fileIcon);
            }
            if (isSelected) {
                setBackground(list.getSelectionBackground());
                setForeground(list.getSelectionForeground());
            } else {
                setBackground(list.getBackground());
                setForeground(list.getForeground());
            }
            setVerticalTextPosition(SwingConstants.BOTTOM);
            setHorizontalTextPosition(SwingConstants.CENTER);
            setEnabled(list.isEnabled());
            setFont(list.getFont());
            setOpaque(true);
            return this;
        }
    }
}

Hay que fijarse en MyCellRenderer que es el encargado de crear un icono por cada fichero que encuentre. Cuando queramos implementar las vistas (detalle, icono, vistas en miniatura) será esta clase la que habrá que modificar. También el constructor de la clase JList habrá que modificarlo para que permite las vistas que hemos comentado.

Para que este componente se vea en el programa modificaremos la clase JExplorer para que tenga el siguiente aspecto:

package org.jexplorer;

import java.awt.*;
import javax.swing.*;
import java.io.IOException;

public class JExplorer extends JFrame {
final static String PATH_THEMES = "C:/java/jexplorer/themes/";
final static String PATH_THEME = "nuvola/";

private JListFiles listFiles = null;

public JExplorer() throws IOException {
listFiles = new JListFiles"C:/");
getContentPane().add(listFiles, BorderLayout.CENTER);

setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
int width = 300;
int height = 300;
setSize(width, height);
setVisible(true);
}

public static void main(String[] args) throws IOException {
new JExplorer();
}
}

Como se puede apreciar ya está el código preparado (o casi) para poder soportar tema. Estos temas son de linux.

En las próximas entregas tendremos que empezar a navegar por el control y ordenarlo.

Saludos

Bienvenido a JExplorer

2008-07-02T23:57:00.000-07:00

Hace casi 10 años que creé un pequeño programa en Java denominado JExplorer. Este programa era el explorador de ficheros de un proyecto denominado JOS que intentaba crear un sistema operativo en Java.

Además de crear el explorador de ficheros también escribí un entorno de escritorio. Abandonado el proyecto quiero retomar, ahora dicho software, re programando con las nuevas versiones de Java y utilizando la experiencia de estos últimos 10 años.

Es decir se quiere crear un explorador de ficheros en lenguaje Java. Para ello utilizaremos la última versión de JDK. Se necesitarán bastantes conocimientos de la API Swing.

Vamos a intentar crear una serie de controles que nos permitan poder crear cualquier otro proyecto relacionado con archivos, no sólo un explorador. De esta forma crearemos de forma independiente un árbol de directorios, una lista de ficheros y carpetas, visualizadores de contenidos, etc.

Primero miraremos como tengo instalado el entorno de programación.

Sobre Windows, una vez instalado el JDK y de tener los comando javac y java en el path del sistema, he creado una carpeta en c:\java denominada jexplorer, con el siguiente contenido:

En la carpeta src están las fuentes, en bin se quedan los .class y en themes copio los temas de iconos de los proyectos linux, para los ejemplo he descargado el tema Nuvola los cuales usaremos para personalizar nuestro sistema. El fichero compile.bat (para compilar el proyecto) tiene el siguiente contenido:

javac -cp src -d bin src/org/jexplorer/JExplorer.java
pause

Y en jexplorer.bat (para ejecutar):

java -cp bin org.jexplorer.JExplorer
pause

Empezaremos creando la base de nuestro programa y un explorador de unidades raiz (los discos duros de nuestra máquina y las unidades de red mapeadas).

La base de nuestro proyecto será el siguiente código:

package org.jexplorer;

import java.awt.*;
import javax.swing.*;
import java.io.IOException;

public class JExplorer extends JFrame {

public JExplorer() throws IOException {
  setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
  int width = 300;
  int height = 300;
  setSize(width, height);
  setVisible(true);
}

public static void main(String[] args) throws IOException {
  new JExplorer();
}
}

El cual guardaremos en c:\java\jexplorer\src\org\jexplorer\JExplorer.java
Lo compilamos con Compile.bat y al ejecutarlo con jexplorer.bat tenemos una bonita ventana vacía en pantalla.

En la próximo entrada haremos el visualizador de unidades (JListRoots).

Saludos