Garder l'echelle lors d'un resize Résolu

Question

Bonjour,
Voila, je suis tomber sur un problème qui me fait m'arracher les cheveux 

Je m'explique:

J'ai une pictureBox qui contient une grande image (SizeMode = Zoom), on va dire que c'est notre image de fond, et par dessus je peux déplacer une autre picturebox.
Le problème est que lorsque je passe en SizeMode = AutoSize, je voudrais que les coordonnées de la deuxieme picturebox soit mis- à l'echelle :s

J'ai bien essayer de jouer avec les pourcentage d'agrandissement ou de diminution, mais ça me sort des resultat farfelut !!!

Help! 

Tuizi

leprov · Answer

je sais pas si ca va faire exactement ce que tu voudras, mais bon

docker un composant de chaque coté (pannel), et docker la picturebox en "fill" au millieu de tous les pannels

sebmafate · Answer

ou alors tu as aussi la propriété anchor de tes controls...

Sébastien FERRAND (
blog)
Consultant Indépendant
[Microsoft MVP Visual C#]

leprov · Answer

ah vi pas lhabitude dutiliser anchor, cest vrai....jy pense jamais...

bcp plus simple

Tuizi · Answer

Le truc c'est que l'utilisateur place par exemple son image où il veut sur la picturebox de fond.
Au début cette picturebox de fond est en SizeMode = Zoom, mais si on passe en AutoSize, il faut que la picturebox que l'utilisateur à placer où il voulé, s'agrandisse (ça c'est bon je l'ai fait) mais aussi qu'elle se mette aux coordonnés mise à l'echelle (la dessus je calle!).

Tuizi

Tuizi · Answer

Je n'arrive pas à voir comment la propriété Anchor marche, j'ai cliqué sur les 4 cotés pour voir, et là ça ne me déplace pas mon image ça m'agrandit la picturebox!!! :s

Tuizi

cs_Bidou · Answer

Salut,
Euh, je ne sais pas si c'est ce que tu veux, mais une idée :

- S'abonner à l'event déclencher lors du resize
- Chercher si l'agrandissement a été plus grand en largeur ou hauteur
- Ajuster la largeur respectivement la hauteur en fonction du plus grand

 VC# forever

Tuizi · Answer

Sniff Bidou, c'est ce que je fais en ce moment et je me casse vraiment la tete dessus, donc je voudrais savoir si il y a pas un moyen de le faire automatiquement avant de me replonger dans les calculs 

Tuizi

cs_Bidou · Answer

Des calculs? Quels calculs?
Récupérer le plus grand, c'est sans calcul, suffit de contrôler les valeurs de Height et Width de ton image...

Ensuite, c'est une simple règle de trois : si x1 et y1 sont les valeurs de la lageur et hauteur de ton image et x2 et y2 les nouvelles valeurs, alors
 
si x2 > y2 : y2 = y1 * (x2 / x1)

si y2 > x2:  x2 = x1 * (y2 / y1)

si x2 = y2 : tu choisis un des deux cas plus haut aléatoirement

 VC# forever

Tuizi · Answer

Bidou c'est pour la taille que tu me donne ce principe?


Moi c'est surtout pour la position en faite, le principe que j'ai établit et qui ne marche pas fort c'est:


Je regarde le pourcentage d'agrandissement en largeur de mon image de fond, et j'applique ce poucentage sur la Position X de l'image qui est placé dessus.

Donc c'est pour ça que j'aimerai savoir si il y a une méthode qui fait ça en C#

Merci de vos réponses en tout cas 

Tuizi

cs_Bidou · Answer

Il semblerait qu'on ne parle pas de la même chose 
J'ai peut-être pas bien compris la question...

 VC# forever

Tuizi · Answer

Erf, je m'en douté que ma question été pas forcément clair, je retente :
En faite, sur une image par exemple de 1000x1000, au début elle est en SizeMode Zoom, donc sa taille on va dire fait 500x500, là dessus je met une autre picturebox au coordonné 5:5, donc on est d'accord qu'a ce moment là si je repasse en SizeMode Autosize, j'ai donc mon image qui a doublé.

Donc normal, je double aussi la taille de l'image coller par dessus (pour l'echelle) mais aussi ça position. Et c'est donc la que je coince, je voudrais faire un truc propre donc voir si une métohde ou une propriété le fait 

Tuizi

cs_Bidou · Answer

Franchement, je visualise pas très bien.
Tu m'envoyer ton projet par e-Mail si tu veux, histoire que je vois de quoi ça parle 

 VC# forever

Tuizi · Answer

Non je ne peux pas fournir le projet Bidou, désolé.

J'ai réussit a faire ce que je voulais malgrès un manque de précision dans les calculs, mais Bidou je vais prendre un exemple concret:

Tu vois par exemple dans internet explorer, les boutons genre "Réponse acceptée" (:p) quand tu agrandis ta fenetre ou que tu la resize, et bien il reste a l'echelle, si en taille réduite ils sont place au 3/4 de la page est bien quand la page va etre agrandit le bouton va rester au 3/4 de la page.

Tuizi

cs_Bidou · Answer

Je ne suis pas sur de ce que tu veux.
Si tu créer une nouvelle form (taille 300; 300), tu mets un bouton en (150; 150).

Le but, c'est quoi? Si j'agrandis la form, il doit s'accrocher à un côté? C'est à dire par exemple rester à x pixel du bas de la fenetre, et y pixel de la droite, ou bien il doit garder la proportion? C'est à dire que s'il se trouvait à (150; 150) sur une fenetre de (300; 300) il doit se trouver à (400; 400) sur une fenetre de (800; 800) ?

Si t'es dans le premier cas, tu fais un anchor right, bottom.
Si t'es dans le second cas, faut calculer la position avant le resize, trouver la proportionnalité sur x et y (ici elle vaut 300/150 pour x et 300/150 sur y; c'est à dire 2 dans les deux cas) puis regarder la nouvelle grandeur à la fin du resize et faire le calcul à l'envers [nouvelles grandeur (800; 800) => (800/2; 800/2) => (400;400)]. Un peu moins facile à mettre en place...

 VC# forever

Tuizi · Answer

Voila Bidou, c'est le 2nd cas que je veux faire. Et donc oui j'ai du faire comme dit au message précédent les calculs que tu dis. Mais je perd de la précision de 2 ou 3 pixel, j'utilise pourtant du decimal mais bon c'est pas grave cela fait ce que je veux.

Mais donc j'aurai juste voulu savoir si y'avait une méthode ou une propriété qui fait ça automatiquement mais on dirait que non... tans pis ça me convient là mon truc :)

Tuizi

cs_Bidou · Answer

Alors si tu travailles en .NET2, je pense que tu devrais pouvoir résoudre le problème assez proprement :
Pour cela, jettes un oeil du côté des Containers. Par exemple, avec un TableLayoutPanel j'ai réussi à faire ce que j'ai décrit ci-dessus sans ancun calcul... 

 VC# forever

Tuizi · Answer

J'essaye...


Interessant mais sa marche comment? J'ai mis un bouton dedans histoire de comprendre, j'ai essayer avec la propriété Anchor voir si il pouvez ce déplacer en fonction du redimentionnement mais rien... :s

Tuizi

Tuizi · Answer

La propriété Dock par Anchor, je me suis tropé :)

Tuizi

cs_Bidou · Answer

Euh, tu poses un TableLayoutPanel sur ta form (la il te créer par défaut 4 quadrants) tu poses un bouton sur la cardrant tout en bas à droite par exemple, et c'est tout sauf erreur !

 VC# forever

cs_Bidou · Answer

Pour que ça marche en fait, faut mettre le dock du TableLayoutPanel à Fill...

 VC# forever

Tuizi · Answer

A oui interessant!!! il faut que j'adapte ça avec mes images!

Tuizi

cs_Bidou · Answer

Donc pour finir, ça répond à ta question ou pas?

 VC# forever

Tuizi · Answer

Bah j'arrive pas a faire exactement ce que je veux car, le bouton reste tout le temps à sa place je ne peux pas le placer ou je veux, si je le déplace il reveint à sa position initiale, donc j'ai regardé en suppriment les informations dans le Anchor du bouton (car il est en haut à gauche du cadre) et ça me le met au milieu du cadre maintenant :s


Donc pas trop le temps d'aprofondir pour le moment, mais il doit y avoir une possibilité je pense.

Tuizi

Tuizi · Answer

Ouais nan avec les conteneurs et la propriété Anchor impossible de faire quelque chose c'est des position automatique (left, right, bottom, etc...) je peux pas positionner le composant ou je veux.

Tuizi

Vince_02 · Answer

Salut tout le monde,
Je débute le C# depuis 3 Jours a peine, mais je peux aider quand même .

(Je suis entrain de me faire un p'tit catalogue a CD perso qui va bien, comme je trouve rien d'alléchant sur la toile ... autant que je m'en fasse un qui va bien, ça changera de Dev pour le Web  )

Pour ancrer ton bouton, utilise Anchor de cette façon =>

MonBouton.Anchor = (AnchorStyles.Right | AnchorStyles.Bottom); /* Bouton vérouiller en bas à droite */
MonBouton.Anchor = (AnchorStyles.Top | AnchorStyles.Left | AnchorStyles.Right | AnchorStyles.Bottom); /* Bouton vérouiller au quatre coin de la fenêtre */

Même si les valeurs Top et Left sont défnis, le bouton se positionnera à l'échelle de la fenêtre sans aucun calcul.

Si tu veux plus d'information, base toi sur l'aide de Visual Studio qui va bien a cette adresse =>
ms-help://MS.VSExpressCC.v80/MS.NETFramework.v20.fr/cpref17/html/P_System_Windows_Forms_Control_Anchor.htm

PS : Je sais que ça date, mais bon, ça peut toujours servir a quelqu'un

Tuizi · Answer

Raaahhh mais nan lol... vous êtes tétu :p

Justement avec la propriété Anchor après je ne peux pas déplacer mon image, la propriété Anchor c'est vraiment des position automatique, quoiqu'il arrive l'image (ou le bouton dans ton exemple Vince) elle sera toujours placer en bas à droite et je pourrais pas lui donner la position que je veux.

Merci de vos réponse en tout cas 

Tuizi

cs_Bidou · Answer

Avec le TableLayoutPanel tu y arrives sans problème, t'as essayé au moins ???

 VC# forever

Vince_02 · Answer

oki, donc dans ce cas, je ne vois plus que le moyen d'utiliser les propriétés : Top, Left, Width et Height
que tu modifiras avec l'évènement qui va bien ...

Un détail au faite, je sais pas si tu le connais, mais je te donne le bout de code qui va bien =  >

FormCollection monForm = Application.OpenForms;

monForm[" Name_du_Form "].Controls["Name_du_Controls"].Text  = "Un p'tit Texte";
monForm["Name_du_Form"].Controls["Name_du_Controls"].Width =  640;
monForm[" Name_du_Form "].Controls["Name_du_Controls"].Height  = 400;
monForm["Name_du_Form"].Controls["Name_du_Controls"].Font =  new Font("Arial", 12, FontStyle.Bold, GraphicsUnit.Pixel);

Très pratique si tu compte modifier un élément d'un Form sans devoir en créer un nouveau a chaque fois.
 Name_du_Form   => Correspond au Nom de la fenêtre contenant le Controls " Name_du_Controls ".
Name_du_Controls  => Correspond au Nom du Controls a modifier.

J'espère que ça t'aidera, car après, je ne vois pas trop de solution mise a part ceux sité précédement...

Tuizi · Answer

Bidou> Relis les messages précédent, oui j'ai essayé  je t'ai dit ce qui n'allez pas (toujours le problème avec les position automatiques et fixe du Anchor) mais depuis tu n'as plus répondu
Vince_02> ok mais je ne vois pas en quoi ça peut m'aider, les propriété Top et Left si je veux les utilisé ça va etre en faisant un calcul :s Et justement je voudrais faire un truc plus propre :s

Je vais vous filé un petit projet histoire que vous voyez concraitement ce qui ne va pas :)
Tuizi

Tuizi · Answer

Donc voila: http://kthack.multimania.com/Test%20Graphic.zip

Donc la placer la petite barrette de RAM au dessus du mot: "Microsoft" par exemple, la si vous cliqué sur le bouton "+" (l'image prend sa taille normal) la barrette de ram va etre toujours placer au dessus du mot Microsoft mais là c'est grace au calcul... et si vous cliquer sur le bouton "-" bon ba la ça bug mais c'est pas grave c'est histoire de vous montrer le principe .

Tuizi

Tuizi · Answer

Alors qu'en pensez vous?

Tuizi

cs_Bidou · Answer

Oui c'est tout à fait possible, avec le TableLayoutPanel comme déjà dit 1000x !
Créer un nouveau projet (incorpore tes images comme dans le projet que tu as mis en téléchargement) puis ajoute ceci dans Form1 :

using

 System;
using System.Windows.Forms;

namespace Test_Graphic
{
   public partial class Form1 : Form
  {
      private TableLayoutPanel _tableLayoutPanel = newTableLayoutPanel();
      private PictureBox _pBox = newPictureBox();      public Form1()
      {
         this.InitializeComponent();
         this.Init();
      }

      privatevoid Init()
      {
         this._pBox.Image = global::Test_Graphic.Properties.Resources.ram;
         this._pBox.Anchor = AnchorStyles.Bottom | AnchorStyles.Right;
         this._tableLayoutPanel.SuspendLayout();
         this._tableLayoutPanel.Anchor = System.Windows.Forms.AnchorStyles.Top 
         | System.Windows.Forms.AnchorStyles.Bottom
         | System.Windows.Forms.AnchorStyles.Left
         | System.Windows.Forms.AnchorStyles.Right;
         this._tableLayoutPanel.BackgroundImage = global::Test_Graphic.Properties.Resources.setup;
         this._tableLayoutPanel.BackgroundImageLayout = System.Windows.Forms.ImageLayout.Stretch;
         this._tableLayoutPanel.ColumnCount = 2;
         this._tableLayoutPanel.ColumnStyles.Add(new System.Windows.Forms.ColumnStyle(SizeType.Percent, 43.44704F));
         this._tableLayoutPanel.ColumnStyles.Add(new System.Windows.Forms.ColumnStyle(SizeType.Percent, 56.55296F));
         this._tableLayoutPanel.Controls.Add(this._pBox, 0, 0);
         this._tableLayoutPanel.Location = new System.Drawing.Point(27, 30);
         this._tableLayoutPanel.Name = "tableLayoutPanel1";
         this._tableLayoutPanel.RowCount = 2;
         this._tableLayoutPanel.RowStyles.Add(newRowStyle(System.Windows.Forms.SizeType.Percent, 50F));
         this._tableLayoutPanel.RowStyles.Add(newRowStyle(System.Windows.Forms.SizeType.Percent, 50F));
         this._tableLayoutPanel.Size = new System.Drawing.Size(542, 383);
         this._tableLayoutPanel.TabIndex = 8;
         this._tableLayoutPanel.ResumeLayout(false);
         this.Controls.Add(this._tableLayoutPanel);
      }
   }
}

Voilà, essaye d'agrandir ta Form maintenant, ça marcheeeeee ;-)

 VC# forever

Tuizi · Answer

A en effet on arrive un peu a ce que j'ai fait par calcul mais avec un TableLayoutPanel, donc escuse moi Bidou pour mon entetement...

Cependant... lorsque l'on démarre le projet la "RAM" se trouve a gauche du mot microsoft et si on agrandit au maximum la fenetre celle ci se retrouve au niveau du "i" de Microsoft... 
On peut voir le problème en étirant la fenetre sur les bord on voit qu'un décalage ce fait... mais je vais aprofondir de ce coté là, c'est pas mal .

Tuizi

cs_Bidou · Answer

Je l'ai fait très rapidement, et j'ai déjà effacé le projet donc je ne peux pas vérifier...
Mais à mon avis, c'est tout à fait faisable avec ce système, je te laisse chercher, tu as l'idée maintenant ;-)

 VC# forever

Tuizi · Answer

Oui merci, je note ta réponse comme réponse acceptée

Tuizi

Tuizi · Answer

Bon voila les vacances sont finit j'ai pu me replonger dans mon code, et avec le Anchor ça marche vraiment au poil, seul problème: 
Bidou sait tu comment faire pour que lors de l'agrandissement, la petite piturebox n'est pas un contour gris... ça fais vraiment pas propre, j'ai essayer avec la propriété BackColor en transparente mais bon rien de bien... c'est gris! 

Le visuel:

Tuizi

Garder l'echelle lors d'un resize

36 réponses

Votre réponse

Discussions similaires