Discussion :

[hannibal.76]

Bonjour a tous,
je cherche a savoir comment reproduire quelque chose de ce type:


Pour ce faire j'ai essayé d'attribuer un style de cette façon:

Code :

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

1
2
3
 
TreeItem ti=new TreeItem("test");
ti.setStyleName("iconeTest");

Avec ce Css:

Code :

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

1
2
3
4
5
 
.iconeTest{
    background-image: url("./img/folder.jpg"); /* l'image fait 16px*16px */
    background-repeat: no-repeat;
}

et voici ce que j'obtiens:


Donc ce n'est pas vraiment cela.

Savez comment vraiment définir une icone ?

Je vous remercie d'avance pour votre aide

[kadje84]

Bonjour hannibal, j'ai déjà eu le même soucis que toi dans un projet et voici décrit comment j'ai reussi réaliser un arbre avec des icônes sur le noeud.

Tout d'abord, tu définies une interface de la sorte:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
	public interface MyTreeResources extends Tree.Resources {
 
		@Source("FolderClosed.png")
		public ImageResource treeClosed();
 
		@Source("Report.png")
		public ImageResource treeLeaf();
 
		@Source("FolderOpened.png")
		public ImageResource treeOpen();
	}

Cela te permet de définir les images (ressources) que tu auras à utiliser dans ton arbre. Et tu remarqueras qu'il est bien définit une image pour les feuilles de l'arbre, les noeuds parents à l'état ouvert ou développé et les noeuds parents à l'état fermé ou réduit.

Dans ce cas, les images sont dans le même répertoire que la classe qui définit cet interface; d'où le chemin d'accès direct aux fichiers image.

Ensuite, tu déclares ton arbre de la manière suivante:

Code :

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

1
2
 
tree = new Tree((Tree.Resources) GWT.create(MyTreeResources.class),true);

Cela permet de lier l'arbre créé à la ressource définit plus haut. Ainsi en fonction de l'état du noeud, l'image adéquate seras utilisé.

J'espère que ma contribution te seras d'une grande utilité.

Eric.