SWT - Mise en page avec les layouts

**Klimium** · 18/02/2009, 15h47

Bonjour,

Je m'embrouille de plus en plus avec les layouts.
Enfaite j'aimerais une fenêtre avec une partie à droite composée de différents objets (canvas, groups, ..) et cette partie avec une longueur fixe et hauteur suivant son contenu.

A gauche j'ai un objet table que j'aimerais qu'il s'étire lorsque l'on étire la fenêtre .. Qu'il comble l'espace quoi .. aussi bien verticalement que horizontalement ..

Donc voilà moi je m'embrouille avec les 'grabExcessHorizontalSpace' et compagnie donc si vous pouviez m'aider à mieux comprendre mon problème car c'est pas très clair sur les tutoriels qui ne reprennent pas un exemple bien précis correspndant à ce que j'aimerais réaliser ..

Merci d'avance,
Bonne fin de journée ..

**Klimium** · 18/02/2009, 17h43

Désolé d'être si insistant mais je n'arrive pas à faire en sorte que mon Objet Table adapte sa longueur en fonction de l'espace qui lui est possible ..

J'ai essayé de lui appliquer :
gridDataTable.horizontalAlignment = SWT.FILL;
et
gridDataTable.grabExcessHorizontalSpace = true;

Mais aucun résultat.

Merci d'avance pour votre aide

Bonne soirée ..

**desert** · 19/02/2009, 11h17

Pourrais-tu nous poster un peu de code ? Car c'est assez difficile de voir le problème dans ton cas.

**Klimium** · 19/02/2009, 22h31

Bonsoir,

merci de m'aider

J'ai ma classe principale index :

Code :

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

1
2
3
4
5
6
7
8
9
10
public class index extends Applet {
	/**
         * 
         */
	public static Display display = new Display();
	public static Shell shell = new Shell(display);
	public static Composite composite = new Composite(shell, SWT.NONE);
	public static Composite compMenu = new Composite(shell, SWT.NONE);
 
[..]

composite étant le composite de l'ensemble de l'affichage et compMenu la toolbar au dessus ..

Ensuite dans une autre classe comme par exemple celle qui m'affiche un tableau avec des articles et des menu à coté j'ai appliqué un GridLayout :

Code :

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

1
2
3
final GridLayout gridLayout = new GridLayout();
			gridLayout.numColumns = 2;
			composite.setLayout(gridLayout);

Et puis je crée mon tableau :

Code :

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

1
2
3
4
5
6
7
final Table table = new Table(composite, SWT.MULTI | SWT.FULL_SELECTION | SWT.BORDER);
		GridData gridDataTable = new GridData();
			gridDataTable.verticalSpan = 3;
			gridDataTable.grabExcessHorizontalSpace = true;
			gridDataTable.grabExcessVerticalSpace = true;
			gridDataTable.horizontalAlignment = SWT.FILL;
			table.setLayoutData(gridDataTable);

Et après je mets les différents trucs sur le coté (3 widgets au total : 1 canvas et 2 groups).
Ex d'un groupe :

Code :

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

1
2
3
4
5
6
7
8
Group groupAjoutBdc = new Group(composite, SWT.NONE);
		GridData gridDataAjoutBdc = new GridData(GridData.VERTICAL_ALIGN_BEGINNING | GridData.HORIZONTAL_ALIGN_END);
			gridDataAjoutBdc.widthHint=240;
			groupAjoutBdc.setLayoutData(gridDataAjoutBdc);
		groupAjoutBdc.setText("Ajouter un bon de commande");
		final GridLayout gridLayoutGroupAjoutBdc = new GridLayout();
			gridLayoutGroupAjoutBdc.numColumns = 2;
			groupAjoutBdc.setLayout(gridLayoutGroupAjoutBdc);

Mais je veux que ces widgets ait une longeur fixe .. Parcontre le tableau lui s'élargit selon la fenêtre ..

Merci pour votre aide ..
Bonne soirée ..

**desert** · 20/02/2009, 14h44

En fait, le composite parent de ta table ne comble pas le restant de la fenêtre par défaut (tu peux lui ajouter le paramètre SWT.BORDER pour t'en rendre compte). Tu dois donc lui ajouter un GridData qui se chargera d'occuper tout l'espace disponible.

Code java :

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

1
2
3
4
5
6
7
8
9
10
11
final GridLayout gridLayout = new GridLayout();
gridLayout.numColumns = 2;
composite.setLayout(gridLayout);
 
GridData gridData = new GridData();
gridData.grabExcessHorizontalSpace = true;
gridData.grabExcessVerticalSpace = true;
gridData.horizontalAlignment = SWT.FILL;
gridData.verticalAlignment = SWT.FILL;
/* ou beaucoup plus court: GridData gridData = new GridData(GridData.FILL_BOTH); */
composite.setLayoutData(gridData);

**Klimium** · 20/02/2009, 18h36

Merci mais celà ne résout pas le problème :S
J'ai appliqué donc :

Code :

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

1
2
3
4
5
6
GridData gridDataComposite = new GridData(GridData.FILL_BOTH);
			gridDataComposite.grabExcessHorizontalSpace = true;
			gridDataComposite.grabExcessVerticalSpace = true;
		shell.setLayoutData(gridDataComposite);
		composite.setLayoutData(gridDataComposite);
		compMenu.setLayoutData(gridDataComposite);

Mais rien qui change .. je vois la bordure du composite 'composite' toujours au même endroit même au changement de taille de la fenêtre ..

Je ne vois pas ce que c'est ..

**meddle** · 20/02/2009, 21h36

Bonsoir,

Est-ce que tu peux poster TOUT le code de la fenêtre, qu'on regarde cela en détail ?

Merci

Laurent

**Klimium** · 20/02/2009, 22h01

Bonsoir,

alors voilà le code :

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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
public class index extends Applet {
	/**
         * 
         */
	public static Display display = new Display();
	public static Shell shell = new Shell(display);
	public static Composite composite = new Composite(shell, SWT.BORDER);
	public static Composite compMenu = new Composite(shell, SWT.BORDER);
 
	public static void main(java.lang.String[] args) {
 
		shell.pack();
	   	shell.open();
 
		// Menu
		menu menu = new menu(0);
		// Login
		login log = new login();
 
		composite.pack();
 
 
		while (!shell.isDisposed())
			if (!display.readAndDispatch())
		        display.sleep();
		display.dispose();
		System.exit(0);
 
	}
 
	public void start () {
 
	    nettoie();
		shell.setText("e-Stock");
		GridData gridDataShell = new GridData(GridData.CENTER);
			//gridDataShell.grabExcessHorizontalSpace = true;
			//gridDataShell.grabExcessVerticalSpace = true;
			shell.setLayoutData(gridDataShell);
		shell.setSize(795, 800);
 
		// Menu
		menu menu = new menu(1);
		compMenu.pack();
		// Corps
		GridData gridDataComposite = new GridData(GridData.FILL_BOTH);
			gridDataComposite.grabExcessHorizontalSpace = true;
			gridDataComposite.grabExcessVerticalSpace = true;
		shell.setLayoutData(gridDataComposite);
		composite.setLayoutData(gridDataComposite);
		compMenu.setLayoutData(gridDataComposite);
 
		new listeArticles(null, null, "designation", "ASC");
		//new listeBdc(null, null, null, null, null, null, null, null, "dateEnlevement", "ASC");
 
		// Foot
		composite.pack();
 
	}
 
	protected static void nettoie () {
        if (composite == null || composite.isDisposed()) {
            return;
        }
        for (Control current : composite.getChildren()) {
            if (!current.isDisposed()) {
                current.dispose();
            }
        }
    }
 
	protected static void nettoieMenu () {
		composite.setLocation(0, 0);
		if (compMenu == null || compMenu.isDisposed()) {
            return;
        }
 
        for (Control current : compMenu.getChildren()) {
            if (!current.isDisposed()) {
                current.dispose();
            }
        }
    }
}

Donc après login correct on lance la fonction start() qui lance la classe qui suit ..

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
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
public class listeBdc extends index {
public listeBdc () {
 
		super.nettoie();
 
		final GridLayout gridLayout = new GridLayout();
			gridLayout.numColumns = 2;
			composite.setLayout(gridLayout);
 
		GridData gridDataComposite = new GridData();
			//gridDataComposite.grabExcessHorizontalSpace = true;
			//gridDataComposite.grabExcessVerticalSpace = true;
			//gridDataComposite.heightHint=650;
		composite.setLayoutData(gridDataComposite);
final Table table = new Table(composite, SWT.MULTI | SWT.FULL_SELECTION | SWT.BORDER);
		GridData gridDataTable = new GridData(GridData.VERTICAL_ALIGN_BEGINNING | GridData.FILL_BOTH);
			gridDataTable.verticalSpan = 3;
			table.setLayoutData(gridDataTable);
 
		//
		TableColumn e_sC = new TableColumn(table, SWT.LEFT);
		e_sC.setWidth(40);
		//
		//
		TableColumn dateRedactionC = new TableColumn(table, SWT.LEFT);
		dateRedactionC.setWidth(70);
		//
		//
		TableColumn dateEnlevementC = new TableColumn(table, SWT.LEFT);
		dateEnlevementC.setWidth(70);
		//
		//
		TableColumn chantierC = new TableColumn(table, SWT.LEFT);
		chantierC.setWidth(150);
		//
		//
		TableColumn numCommandeC = new TableColumn(table, SWT.LEFT);
		numCommandeC.setWidth(100);
		//
		//
		TableColumn chefChantierC = new TableColumn(table, SWT.LEFT);
		chefChantierC.setWidth(120);
		//
		//
		TableColumn livraisonChantierC = new TableColumn(table, SWT.LEFT);
		livraisonChantierC.setWidth(80);
		//
		//
		TableColumn nomSignataireC = new TableColumn(table, SWT.LEFT);
		nomSignataireC.setWidth(80);
 
final Image image = new Image(display, "logo.png");
	    final Canvas canvas = new Canvas(composite,SWT.NO_REDRAW_RESIZE);
	    GridData gridDataLogo = new GridData(GridData.VERTICAL_ALIGN_BEGINNING | GridData.HORIZONTAL_ALIGN_END);
		gridDataLogo.widthHint=238;
		gridDataLogo.heightHint=99;
		canvas.setLayoutData(gridDataLogo);
	    canvas.addPaintListener(new PaintListener() {
	        public void paintControl(PaintEvent e) {
	         e.gc.drawImage(image,0,0);
	        }
	    });
 
Group groupAjoutBdc = new Group(composite, SWT.NONE);
		GridData gridDataAjoutBdc = new GridData(GridData.VERTICAL_ALIGN_BEGINNING | GridData.HORIZONTAL_ALIGN_END);
			gridDataAjoutBdc.widthHint=240;
			groupAjoutBdc.setLayoutData(gridDataAjoutBdc);
		groupAjoutBdc.setText("Ajouter un bon de commande");
		final GridLayout gridLayoutGroupAjoutBdc = new GridLayout();
			gridLayoutGroupAjoutBdc.numColumns = 4;
			gridLayoutGroupAjoutBdc.horizontalSpacing = 0;
			gridLayoutGroupAjoutBdc.makeColumnsEqualWidth = false;
			gridLayoutGroupAjoutBdc.marginWidth = 0;
			groupAjoutBdc.setLayout(gridLayoutGroupAjoutBdc);
 
Group groupRechercheBdc = new Group(composite, SWT.NONE);
	    GridData gridDataRechercheBdc = new GridData(GridData.VERTICAL_ALIGN_BEGINNING | GridData.HORIZONTAL_ALIGN_END);
	    	gridDataRechercheBdc.widthHint=240;
		    groupRechercheBdc.setLayoutData(gridDataRechercheBdc);
		groupRechercheBdc.setText("Rechercher un bon de commande");
		final GridLayout gridLayoutGroupRechercheBdc = new GridLayout();
			gridLayoutGroupRechercheBdc.numColumns = 2;
			groupRechercheBdc.setLayout(gridLayoutGroupRechercheBdc);
 
 
composite.pack();
	   composite.layout();
	   shell.layout();

Voilà bonne chance et merci

Bonne soirée

**meddle** · 21/02/2009, 15h09

Haaa... Ben ca va mieux.

Dans index :Tu as oublié de mettre un layout sur ton shell, de type GridLayout :

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
 
    public static void main(java.lang.String[] args) {
 
        shell.setLayout(new GridLayout(1,true));        
        shell.pack();
           shell.open();
 
        // Menu
        menu menu = new menu(0);
        // Login
        login log = new login();
 
        composite.pack();
 
 
        while (!shell.isDisposed())
            if (!display.readAndDispatch())
                display.sleep();
        display.dispose();
        System.exit(0);
 
    }

Ensuite, dans listeBcd, il te faut affecter un GridData correct à ton composite :

Code :

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

1
2
3
4
5
6
 
        GridData gridDataComposite = new GridData();
         gridDataComposite.grabExcessHorizontalSpace = true;
         gridDataComposite.grabExcessVerticalSpace = true;
         gridDataComposite.heightHint=650;
        composite.setLayoutData(gridDataComposite);

J'ai fait un petit exemple tout simple qui récapitule tout cela :

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
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
97
98
99
100
101
102
103
104
105
106
107
108
109
110
 
import org.eclipse.swt.SWT;
import org.eclipse.swt.events.PaintEvent;
import org.eclipse.swt.events.PaintListener;
import org.eclipse.swt.graphics.Image;
import org.eclipse.swt.layout.FillLayout;
import org.eclipse.swt.layout.GridData;
import org.eclipse.swt.layout.GridLayout;
import org.eclipse.swt.widgets.Canvas;
import org.eclipse.swt.widgets.Composite;
import org.eclipse.swt.widgets.Display;
import org.eclipse.swt.widgets.Group;
import org.eclipse.swt.widgets.Shell;
import org.eclipse.swt.widgets.Table;
import org.eclipse.swt.widgets.TableColumn;
import org.eclipse.swt.widgets.TableItem;
 
 
public class Sample {
 
    /**
     * @param args
     */
    public static void main(String[] args) {
        Display display = new Display();
        Shell shell = new Shell(display);
 
        // Très important
        shell.setLayout(new FillLayout());
        Composite composite = new Composite(shell, SWT.NONE);
 
        // Le composite doit avoir un GridLayout avec deux colonnes
        composite.setLayout(new GridLayout(2,false));
 
        // A gauche on met la table
        creationTable(composite);
 
        // A droite, 3 composants de taille fixe
        creationAutresWidgets(composite);
 
        shell.pack();
        shell.open();
        while (!shell.isDisposed()) {
            if (!display.readAndDispatch())
                display.sleep();
        }
        display.dispose();
    }
 
    private static void creationAutresWidgets(Composite composite) {
        final Image image = new Image(composite.getDisplay(), "C:/eclipse/workspace/test/src/logo.png");
        final Canvas canvas = new Canvas(composite, SWT.NO_REDRAW_RESIZE);
        GridData gridDataLogo = new GridData(GridData.VERTICAL_ALIGN_BEGINNING | GridData.HORIZONTAL_ALIGN_END);
        gridDataLogo.widthHint = 238;
        gridDataLogo.heightHint = 99;
        canvas.setLayoutData(gridDataLogo);
        canvas.addPaintListener(new PaintListener() {
            public void paintControl(PaintEvent e) {
                e.gc.drawImage(image, 0, 0);
            }
        });
 
        Group groupAjoutBdc = new Group(composite, SWT.NONE);
        GridData gridDataAjoutBdc = new GridData(GridData.VERTICAL_ALIGN_BEGINNING | GridData.HORIZONTAL_ALIGN_END);
        gridDataAjoutBdc.widthHint = 240;
        groupAjoutBdc.setLayoutData(gridDataAjoutBdc);
        groupAjoutBdc.setText("Ajouter un bon de commande");
        final GridLayout gridLayoutGroupAjoutBdc = new GridLayout();
        gridLayoutGroupAjoutBdc.numColumns = 4;
        gridLayoutGroupAjoutBdc.horizontalSpacing = 0;
        gridLayoutGroupAjoutBdc.makeColumnsEqualWidth = false;
        gridLayoutGroupAjoutBdc.marginWidth = 0;
        groupAjoutBdc.setLayout(gridLayoutGroupAjoutBdc);
 
        Group groupRechercheBdc = new Group(composite, SWT.NONE);
        GridData gridDataRechercheBdc = new GridData(GridData.VERTICAL_ALIGN_BEGINNING | GridData.HORIZONTAL_ALIGN_END);
        gridDataRechercheBdc.widthHint = 240;
        groupRechercheBdc.setLayoutData(gridDataRechercheBdc);
        groupRechercheBdc.setText("Rechercher un bon de commande");
        final GridLayout gridLayoutGroupRechercheBdc = new GridLayout();
        gridLayoutGroupRechercheBdc.numColumns = 2;
        groupRechercheBdc.setLayout(gridLayoutGroupRechercheBdc);        
    }
 
    private static void creationTable(Composite composite) {
        final Table table = new Table(composite, SWT.BORDER | SWT.FULL_SELECTION);
        table.setHeaderVisible(true);
        table.setLinesVisible(true);
        TableColumn column1 = new TableColumn(table, SWT.NONE);
        column1.setText("Colonne 1");
        TableColumn column2 = new TableColumn(table, SWT.NONE);
        column2.setText("Colonne 2");
        TableColumn column3 = new TableColumn(table, SWT.NONE);
        column3.setText("Colonne 3");
 
        for (int i = 0; i < 11; i++) {
            TableItem item = new TableItem(table, SWT.NONE);
            item.setText(new String[] { "Ligne n°" + i, "Coucou", "ca va ?" });
        }
 
        column1.pack();
        column2.pack();
        column3.pack();        
        GridData gd = new GridData(SWT.FILL, SWT.FILL, true, true, 1, 3);
        table.setLayoutData(gd);
 
    }        
 
 
}