Discussion :

[sebac]

Salut à tous, je veux avoir ce type d'interface



mais je ne sais pas quels types de composants utiliser. La partie qui m'interesse le plus c'est la seconde partie de l'interface. Je veux pouvoir cliquer sur une croix et avoir des infos liés un peu comme sur l'image. En gros j'ai des infos issuent d'une bd que je veux afficher et lorsque je cliquerai sur la croix associée j'aurai accès à d'autres infos liées à celles-ci. L'image ci-dessus est l'illustration parfaite de ce que je veux.
Merci

[Baptiste Wicht]

La partie principale de l'interface est ce qu'on appelle un treetable. Il y en a une excellente implémentation dans le projet SwingX : JXTreeTable.

Sinon le reste de l'interface n'est fait qu'avec des composants de base de Swing.

[sebac]

merci pour l'aide mais j'ai été sur le lien et je n'arrive pas à voir l'implémentation dont tu m'as parlé, je me suis même créé un compte sur le site. Si tu peux me dire comment faire ça m'aiderai énormément.

[Baptiste Wicht]

Voici un exemple tiré d'un de mes projets :

Création de la JXTreeTable :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
JXTreeTable treeTable = new JXTreeTable(model);
treeTable.setTreeCellRenderer(new ElementsCellRenderer());
treeTable.setAutoCreateColumnsFromModel(true);
treeTable.setSortable(false);
treeTable.getTableHeader().setReorderingAllowed(false);
treeTable.setAutoResizeMode(JTable.AUTO_RESIZE_LAST_COLUMN);
treeTable.setColumnControlVisible(true);
treeTable.setRootVisible(false);
treeTable.packAll();

Le renderer est également le même que pour un JTree.

Pour ce qui est du modèle, c'est un peu différent, sans être compliqué :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
/**
 * A results tree table model.
 *
 * @author Baptiste Wicht
 */
public class ResultsTreeTableModel extends DefaultTreeTableModel implements IModel {
    /**
     * The columsn of the tree table.
     *
     * @author Baptiste Wicht
     */
    public interface Columns {
        int NAME = 0;
        int TOTAL = 1;
        int AVERAGE = 2;
    }
 
    private final String[] headers;
 
    /**
     * Construct a new ResultsTreeTableModel.
     *
     * @param node    The root node.
     * @param headers The headers.
     */
    public ResultsTreeTableModel(TreeTableNode node, String[] headers) {
        super(node);
 
        this.headers = headers.clone();
    }
 
    @Override
    public int getColumnCount() {
        return 3;
    }
 
    @Override
    public Object getValueAt(Object node, int column) {
        Object res = "n/a";
 
        if (node instanceof TreeTableNode) {
            TreeTableNode defNode = (TreeTableNode) node;
 
            res = defNode.getValueAt(column);
        }
 
        return res;
    }
 
    @Override
    public String getColumnName(int column) {
        return headers[column];
    }
 
    @Override
    public boolean isCellEditable(Object node, int column) {
        return false;
    }
}

En fait, comme on travaille avec des donnnées hierarchisées, on n'a pas besoin de stocker autre chose que l'élément racine dans le modèle.

Ensuite, on utilise un type spécial pour les nodes, voilà un exemple pour le root node :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
/**
 * The root node of the tree table.
 *
 * @author Baptiste Wicht
 */
public class MetricsRootNode extends AbstractResultTreeTableNode {
    @Override
    public Object getValueAt(int column) {
        Object res = null;
 
        switch (column) {
            case Columns.NAME:
                res = "";
                break;
            case Columns.TOTAL:
                res = "";
                break;
            case Columns.AVERAGE:
                res = "";
                break;
        }
 
        return res;
    }
}

Il suffit donc pour le modèle de créer un noeud root, de lui ajouter les enfants et de faire pareil pour chaque enfant jusqu'au bas de l'arbre. Si tu es familier des notions d'arbre et de tableau, c'est très simple à utiliser.

En espérant avoir été clair

[sebac]

En fait je ne sais pas comment utiliser cette partie

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
JXTreeTable treeTable = new JXTreeTable(model);
treeTable.setTreeCellRenderer(new ElementsCellRenderer());
treeTable.setAutoCreateColumnsFromModel(true);
treeTable.setSortable(false);
treeTable.getTableHeader().setReorderingAllowed(false);
treeTable.setAutoResizeMode(JTable.AUTO_RESIZE_LAST_COLUMN);
treeTable.setColumnControlVisible(true);
treeTable.setRootVisible(false);
treeTable.packAll();

est-ce qu'elle est à mettre dans un main? J'ai les deux class mais comment les instancier dans un main pour que je puisse exécuter ton code et ainsi avoir un aspect visuel, ça me permettra de mieux comprendre.

[Baptiste Wicht]

Il faut ajouter le JXTreeTable dans un JScrollPane et ajouter ce dernier à ta fenêtre. C'est la base même de la construction Swing.

Tu as déjà fait des interfaces avec Swing ? Si ce n'est pas le cas, je te conseille de lire un des tutoriels Swing de Developpez.com. Sinon, le tree table s'utilise comme tout composant Swing.