Discussion :

[netking2006]

Bonjour,

je suis débutant avec les winforms et je travaille avec c# (visual 2008) et j'aimerais bien savoir comment gérer le contenu d'une winform lorsqu'elle est agrandit.
lorsque j'ai utilisée le propriété anchor pour un contrôle et lorsque s'agrandit la fenêtre le contrôle reste colle a la fenêtre mais avec la même distance de top, left, right, bottom donc le contrôle est trop agrandit.

Donc comment gérer le rédemensionnement de contenu d'un controle en fonvtion de la taille de fenetre.

[fally]

Avec les Anchors; mais faut savoir les utiliser. on peut associer les propriétés tof, left....c'est à soi-même de voir

[tomlev]

Il y a la propriété Dock qui permet d'indiquer qu'un contrôle reste collé sur un bord de son conteneur, ou occupe tout l'espace disponible.
La propriété Anchor permet de rendre fixe la distance entre un bord d'un contrôle et le bord de son conteneur

[Papy214]

Je dirais avec un TableLayoutPanel bien manié ...
Mais il faut connaitre la disposition de tous les contrôles avant d'utiliser ce truc là et éviter d'en rajouter après coup, sinon, c'est la galère.

[tomlev]

Je dirais avec un TableLayoutPanel bien manié ...
Mais il faut connaitre la disposition de tous les contrôles avant d'utiliser ce truc là et éviter d'en rajouter après coup, sinon, c'est la galère.

J'ai essayé plusieurs fois d'utiliser ce truc là, et j'en ai conclu que c'était totalement pourri et inutilisable (sauf à la rigueur pour une form de taille fixe)
Le FlowLayoutPanel ne vaut pas beaucoup mieux...

[Papy214]

En fait, il faut le voir je pense comme une table HTML avec tous les colspan et rowspan possibles. Et surtout bien se gaffer des types de redimensionnement des lignes et colonnes. Après, ça va encore. Mais j'avoue que c'est un peu pénible à utiliser. Malheureusement, je n'ai pas encore trouver d'autre solution simple, à part se payer tous les redimensionnements par code dans le OnEndResize

[Guulh]

J'ai essayé plusieurs fois d'utiliser ce truc là, et j'en ai conclu que c'était totalement pourri et inutilisable

Ah ? Pourtant, en jouant sur l'autosize des colonnes, sur le mode en % / le mode fixe, en définissant des ColSpan, ont peut faire beaucoup de chose. J'ai jamais été bloqué par un TableLayoutPanel, pour l'instant

[netking2006]

Salut les amies,


J’ai passé un bon temps à chercher une solution au problème de réorganisation et de redimensionnent des contrôles dans un formulaire et j’ai pas trouvé grand, car même les propriétés Dock et Anchor ne résout pas le problème.

Pour cela j’ai pensé a gérer moi-même le problème de redimensionnent et voila ma solution que j’espère quelle va aider beaucoup.

Voila le WinForm sur le qu’elle on va travailler dans ce petit tuto.



Le problème lorsqu’on agrandit la fenêtre les contrôles préservent les dimensions et les positions initiales.



La solution est de calculer le rapport entre la taille initiale de la fenêtre et la nouvelle taille après l’agrandissement de la fenêtre. Puis on va appliquer ce rapport à tous les contrôles de notre formulaire.

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
public partial class Form1 : Form
    {
        int Largeur; // La largeur de la From
        int Hauteur; // L'hauteur de la From
 
        .
	  .
	  .
        private void Form1_Load(object sender, EventArgs e)
        {
		// captirer les dimensions de la fenetre
            Largeur = this.Size.Width;
            Hauteur = this.Size.Height;
        }
 
        .
	  .
	  .
    }

Pour la winform on définit deux variables Hauteur et Largeur pour enregistrer le hauteur et la largeur initiale de la form.

Puis on intercepte l’évenement Resize pour réorganiser et redimmensionner les controles*:

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
private void Form1_Resize(object sender, EventArgs e)
        {
            // calculer le rapport entre la nouvelle et l'ancienne dimension 
            float X = (float) this.Size.Width / Largeur;
            float Y = (float) this.Size.Height / Hauteur;
 
            // groupBox1
 
            this.groupBox1.Location = new System.Drawing.Point( (int) (X * 12), (int) (Y * 12)); // déplacer le controle
            this.groupBox1.Size = new System.Drawing.Size((int)(X * 400), (int)(Y * 244)); // redimensionner le control
 
            // button1
 
            this.button1.Location = new System.Drawing.Point((int) (X * 91), (int)(Y * 198));
            this.button1.Size = new System.Drawing.Size( (int) (X * 210), (int) (Y * 23));
 
            // textBox1
 
            this.textBox1.Location = new System.Drawing.Point( (int) (X * 91), (int) (Y * 148));
            this.textBox1.Size = new System.Drawing.Size( (int) (X * 210), (int) (Y * 20));
 
            // pictureBox1
 
            this.pictureBox1.Location = new System.Drawing.Point( (int) (X * 68), (int) (Y * 19) );
            this.pictureBox1.Size = new System.Drawing.Size( (int) (X * 275), (int) (Y * 110));
 
        }

Maintenant on clacule le rapport entre la hauteur iniatiale et apres agrandissement et parreille pour la largeur, puis on redefinit pour chaque contrôle la nouvelle position (réorganisation) et la nouvelle dimension (redimensionnement).

Je sais bien que ca ce voit tres compliquer de redéfinir tout les contrôles. Mais voila ma petite solution peut gagner d temps et pour ne pas trop casser la tete.

Simplement on consulte la methode InitializeComponent dans la quelle seront définit toutes les composant de form, et on selectionne la partie ou sont définit nos controles, puis un petit copier/coller dans notre methodes Form_Resize(), puis pour chaque contrôle on ne laisse que les deux lignes pour definir la nouvelle position et dimension.

new System.Drawing.Point(x, y);
new System.Drawing.Size(x, y);

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
private void InitializeComponent()
        {
            .
		.
		.
            // 
            // groupBox1
            // 
            this.groupBox1.Controls.Add(this.pictureBox1);
            this.groupBox1.Controls.Add(this.textBox1);
            this.groupBox1.Controls.Add(this.button1);
            this.groupBox1.Location = new System.Drawing.Point(12, 12);
            this.groupBox1.Name = "groupBox1";
            this.groupBox1.Size = new System.Drawing.Size(400, 244);
            this.groupBox1.TabIndex = 0;
            this.groupBox1.TabStop = false;
            this.groupBox1.Text = "Test";
            // 
            // button1
            // 
            this.button1.Location = new System.Drawing.Point(91, 198);
            this.button1.Name = "button1";
            this.button1.Size = new System.Drawing.Size(210, 23);
            this.button1.TabIndex = 0;
            this.button1.Text = "Button de Test";
            this.button1.UseVisualStyleBackColor = true;
            this.button1.Click += new System.EventHandler(this.button1_Click);
            // 
            // textBox1
            // 
            this.textBox1.Location = new System.Drawing.Point(91, 148);
            this.textBox1.Name = "textBox1";
            this.textBox1.Size = new System.Drawing.Size(210, 20);
            this.textBox1.TabIndex = 1;
            // 
            // pictureBox1
            // 
            this.pictureBox1.Image = ((System.Drawing.Image)(resources.GetObject("pictureBox1.Image")));
            this.pictureBox1.Location = new System.Drawing.Point(68, 19);
            this.pictureBox1.Name = "pictureBox1";
            this.pictureBox1.Size = new System.Drawing.Size(275, 110);
            this.pictureBox1.SizeMode = System.Windows.Forms.PictureBoxSizeMode.StretchImage;
            this.pictureBox1.TabIndex = 2;
            this.pictureBox1.TabStop = false;
            // 
            .
		.
		.
        }

Et on enfin on a résout ce problème qui va donner beaucoup de beaute a nos applications WinForms.

Et voila le résultat*:

[Guulh]

J'ai pas Visual studio sous la main, mais :

• en mettant le group box en dock fill,
• un tablelayout panel a l'interieur en DockFill aussi, avec une seule colonne et trois lignes : la premiere en % (80%), la deuxieme en autosize (pour le textbox, de hauteur fixe), le troiseme en % aussi (20)
• en mettant l'image dans la premiere case en autosize et groworshrink = true, la textbox dans le deuxieme pareil, et le bouton dans le troisieme pareil, on a exactement le meme resultat sans rien coder

Perso, j'ai jamais eu besoin de toucher a la main a la taille des controles. Anchor, Dock, AutoSize et AutoSizeMode suffisent dans 99.99% des cas