SWT - Mise en page avec les layouts

Version imprimable

18/02/2009, 15h47
Klimium

SWT - Mise en page avec les layouts

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 ..
18/02/2009, 17h43
Klimium

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 ..
19/02/2009, 11h17
desert

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

Bonsoir,

merci de m'aider :)

J'ai ma classe principale index :
Code:

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:

1 2 3 final GridLayout gridLayout = new GridLayout(); gridLayout.numColumns = 2; composite.setLayout(gridLayout);
Et puis je crée mon tableau :
Code:

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:

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 ..

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:

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);

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

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 ..

20/02/2009, 21h36
meddle

Bonsoir,

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

Merci

Laurent

Bonsoir,

alors voilà le code :

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
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:

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 :)

Haaa... Ben ca va mieux.

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

Code:

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:

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:

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);
 
    }        
 
 
}

J'espère t'avoir aidé :yaisse2:

Bon courage

Laurent

21/02/2009, 22h41
Klimium

Merci tout est nickel :)
Je te remercie j'espère ne plus avoir de problème ;)

Bon week-end ;)
22/02/2009, 12h56
meddle

De rien,

De toute façon si tu as des problèmes, le forum est là :)

N'oublie pas de mettre ce post en résolu,

A bientôt

Laurent