Ascenseur dans un TableViewer

Version imprimable

13/03/2014, 09h02
kkt8

Ascenseur dans un TableViewer

Bonjour,

J'ai enormément de données et c'est très long à charger.
Je ne voudrais "charger" dans mon tableau que celles que l'on voit MAIS avoir un ascenseur qui represente la totalité des données ET en plus (oui il y a plus...) pouvoir mettre dans cet ascenseur des marqueurs afin de pouvoir retourner rapidement à une donnée que j'aurais repérée.

Est-ce possible ?
Une idée de comment faire ça ?

D'avance merci
Chris :D
13/03/2014, 09h14
joel.drigo

Salut,

Tu peux faire ça en faisant un contentprovider qui implémente ILazyContentProvider : le TableViewer doit être créé avec le style SWT.VIRTUAL, et le nombre d'éléments total est renseigné par la méthode setItemCount.

Par contre, pour les marqueurs, je ne vois pas de solution possible immédiate. Je vais réfléchir à la question.
13/03/2014, 09h18
kkt8

Super merci je vais déjà regarder la contentprovider
Merci :D
13/03/2014, 09h33
kkt8

Eventuellement, je pourrais mettre à l'exterieur de mon tableViewer (au dessus par ex) une sorte de timeline avec un curseur (slider) qui me permettrait de me balader dans mon tableviewer (et donc repositionnerais mon ascenseur aussi) et sur lequel je pourrais mettre des marqueurs ...
Mais comment faire un truc pareil ?
13/03/2014, 11h40
joel.drigo

Il n'est pas évident de dessiner par dessus les scrollbars d'un Table : leur rendu est délégué à l'OS, et, en conséquence, pas d'évènement Paint. On peut dessiner par dessus le Table, mais les scrollbars sont toujours affichées par dessus et donc masquent ce qu'on dessiner par dessus le Table. On ne peut pas mettre le Table dans un conteneur (Composite) et dessiner par dessus le composite : ça dessinerait de toute manière en dessous de la Table. La seule solution que j'entrevois pour le moment et de ne pas afficher l'ascenseur, d'ajouter un Slider pour gérer ton propre ascenseur (beaucoup de boulot pour que ça soit clean), et dessiner par dessus le Scale. On peut alors théoriquement redessiner par dessus : malheureusement, je viens de faire un petit essai, et je vois bien mon dessin par dessus, mais il est remplacé ensuite par le dessin de l'ascenseur (avec un joli effet de fade certes) dès que je bouge la souris. Du coup, ça ne fonctionne pas en pratique. On peut contourner un cas : lors de la manipulation de l'ascenseur on peut forcer le redraw mais çà commence à faire bidouille, et ça introduit un petit effet de clignotement. Reste la solution de faire ton propre ascenseur avec un Canvas. Pas mal de boulot en perspective, et je ne parle pas d'avoir un rendu qui ne dénote pas trop par rapport à l'environnement graphique (et pour toutes les plateformes).

Maintenant, il y a une alternative : celle d'ailleurs qui est utilisé par Eclipse IDE. Dans ton éditeur, tu peux voir à droite un composant avec des marques, qui correspondent, en quelque sorte à ce que tu cherches à faire. Ceci est géré par un composant JFace, IVerticalRuler (plusieurs implémentations fournies), dont tu pourrais t'inspirer éventuellement (l'utiliser n'est pas évident parce qu'il est lié à la notion d'éditeur de texte), bien que pour ma part, je partirais de zéro, parce que dans le principe, ce n'est pas très difficile de faire ce type de composant avec un Canvas, alors, inutile de perdre du temps à comprendre le fonctionnement d'un autre composant pour l'adapter.

Bon, j'ai réussi à le faire en utilisant une autre approche : faire mon propre layout et utiliser un canvas transparent.

Je t'ai fais un POC, mais il reste pas mal de travail : il va falloir que tu détermines les positions de tes marques en fonction de la taille de la scrollbar et du nombre d'éléments, puis gérer leur dessin. Et probablement retravailler un peu le layout que j'ai fait pour mettre en place un cache.

Dans ce POC, je montre qu'on peut redessiner au dessus du scrollbar :

Code:

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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
public class TestTable {
 
	public static void main(String[] args) {
 
		Display display = new Display();
 
		Shell shell = new Shell(display);
 
		shell.setLayout(new FillLayout());
 
		final Composite composite = new Composite(shell,SWT.NONE);
		composite.setEnabled(true);
		composite.setLayout(new Layout() {
 
			// vite fait pour le POC : à améliorer, en particulier sur la gestion du cache
 
			@Override
			protected void layout(Composite composite, boolean flushCache) {
				Point size = computeSize(composite, SWT.DEFAULT, SWT.DEFAULT, flushCache);
				composite.getChildren()[0].setBounds(0, 0, size.x, size.y);
				composite.getChildren()[1].setBounds(0, 0, size.x, size.y);
			}
 
			@Override
			protected Point computeSize(Composite composite, int wHint, int hHint,
					boolean flushCache) {
					Rectangle area = composite.getClientArea();
					int width = area.width;
					int height = area.height;
					if ( wHint!=SWT.DEFAULT ) {
						width = wHint;
					}
					if ( hHint!=SWT.DEFAULT ) {
						height = hHint;
					}
				return new Point(width, height);
			}
		});
 
		final Canvas canvas = new Canvas(composite, SWT.TRANSPARENT); 
 
		final Table table = new Table(composite, SWT.V_SCROLL);
		for (int i = 0; i < 5; i++) {
			TableColumn column = new TableColumn(table, SWT.NONE);
			column.setText("Column "+i);
			column.setWidth(200);
		}
		// Create rows
		for (int i = 0; i < 50; i++) {
			TableItem item = new TableItem(table, SWT.NONE);
			for (int j = 0; j < 5; j++) {
				item.setText(j, "Item "+i+" value "+j);
			}
		} 
 
		canvas.addPaintListener(new PaintListener() {
 
			@Override
			public void paintControl(PaintEvent e) {
				Point barSize = table.getVerticalBar().getSize();
				Rectangle tableBounds = table.getBounds();
				e.gc.setBackground(e.display.getSystemColor(SWT.COLOR_RED));
				e.gc.setAlpha(128);
				e.gc.fillRectangle(tableBounds.width-barSize.x, 0, barSize.x, barSize.y);
				// le thumb
				Rectangle thumbBounds = table.getVerticalBar().getThumbBounds();
				e.gc.setBackground(e.display.getSystemColor(SWT.COLOR_GREEN));
				e.gc.fillRectangle(thumbBounds.x, thumbBounds.y, thumbBounds.width, thumbBounds.height);
 
				// les boutons, en supposont qu'on puisse determiner leur taille en faisant la différence entre le bar et le track
				Rectangle trackBounds = table.getVerticalBar().getThumbBounds();
 
				Point buttonSize = new Point(trackBounds.y, barSize.x);
 
				e.gc.setBackground(e.display.getSystemColor(SWT.COLOR_CYAN));
				e.gc.fillRectangle(tableBounds.width-barSize.x, 0, buttonSize.x, buttonSize.y);
				e.gc.fillRectangle(tableBounds.width-barSize.x,  barSize.y - buttonSize.y, buttonSize.x, buttonSize.y);
 
			}
		}); 
		canvas.setEnabled(false);
 
		shell.setVisible(true);
 
		shell.setSize(600, 400);
		shell.open ();
		while (!shell.isDisposed ()) {
			if (!display.readAndDispatch ()) display.sleep ();
		}
 
 
		display.dispose();
 
	}
 
}

13/03/2014, 13h21
kkt8

OUAH :D ça c'est sympa !
Je vais regarder tout ça de prêt, je te dirais !

Sinon j'avais fouillé la piste du slider en dehors de ma table avec des marqueurs:
http://www.developpez.net/forums/d13...e/#post7732979
https://today.java.net/pub/a/today/2...component.html

Reste plus qu'à tester tout ça et voir le mieux !

en tout cas un grand merci à toi, je te tiens au courant :)
13/03/2014, 13h43
Gueritarish

1 pièce(s) jointe(s)

Salut,

Jolie POC Joel.
Par contre, je pense que la réalisation risque d'être un poil complexe.
Dans le même "style" que les marques Eclipse, pourquoi tu n'accoles pas tout simplement un Canvas à ton TableViewer?
Pièce jointe 140415
Dans ce cas là, t'as le TableViewer en noir, le Scroll en rouge et le Canvas en vert dans lequel tu insères des rectangles représentant les marques.
Tu fais une règle de 3 pour avoir la position et c'est gagné.
Après, il va te falloir gérer le survol des éléments ainsi que l'action lié au clic... Mais bon, une fois que tu as la position dans le Canvas, ça reste la "même" règle de 3 inversé.

Voilà, à+
Gueritarish
13/03/2014, 14h17
kkt8

Salut Gueritarish !

C'est un peu dans ce sens que j'orientais mes recherches sur le slider ... pour pourquoi par un canvas !
Merci à tous les 2 :)
13/03/2014, 14h20
joel.drigo

Oui, @Guetarish, c'était ça l'idée "d'alternative" dans mon second post. D'un autre côté, je me dis que si on sait le faire dans un Canvas, et qu'on sait afficher un Canvas en surimpression du TableViewer, on est pas loin de ce que cherche à faire @kkt8. Certes, la gestion des évènements souris peut être un peu complexe.
13/03/2014, 14h32
kkt8

Oui j'ai un peu peur que l'utilisateur se mélange les pinceaux entre cliquer sur le marqueur et cliquer sur le scroll ... la gestion va être compliquée.
Je vais regarder ce que ça donne mais l'option du canvas à l'extérieur (à gauche du tableViewer pour ma part) sera peut-être moins compliquée :) et les 2 fonctions seront bien séparées et donc plus facilement identifiables.
13/03/2014, 15h50
Gueritarish

Le mieux serait, du coup, de créer un "composant" qui s'occuperait de toute cette logique avec aussi l'objet métier sélectionné pour faciliter la gestion du scroll.
Ex: l'utilisateur fait une marque en haut du tableau, scrolle jusqu'en bas et clique sur la marque. Là, il te faut faire remonter le scroll et sélectionné l'élément "marqué".
Avec l'objet métier, ça se fait en 1 opération:

Code:

myViewer.setSelection(new StructuredSelection(myObject), true);

Et tu évites le positionnement du scroll un peu "douteux" à la mano.

Voilà, à+
Gueritarish
17/03/2014, 13h21
kkt8

ILazyContentProvider implémenté ! tellement simple que j'ai douté pendant un moment que les données étaient bien chargées à la volée .. et oui :D
un grand merci !

Je ferais le slider un peu plus tard, je reviendrais peut-être vous embêter !
a+