Discussion :

[leyeno]

Bonjour, en fait je travail sur un projet, et je voudrais que l'utilisateur puisse redimensionner une image avec la souris. Par exemple, en cliquant sur un coin et en la redimensionnant à la taille voulue.

Je voudrais savoir si il existe un outil ou un code tout fait pour pouvoir réaliser ce que je souhaite.

Merci

[leyeno]

Tu est sur?
On ne peut pas la redimensionné? On ne peut pas joué sur la largeur et la hauteur avec la souris?

[jylaxx]

J'ai supprimé mon post qui n'était pas clair du tout...

Donc effectivement tu peux déterminer une zone d'affichage de ton image indépendamment de la taille d'origine de l'image. Toutefois la qualité pourra être altérée. Donc tout dépend de ce que tu veux faire.

Le code à écrire est relativement simple en jouant avec les événements de la souris.

[leyeno]

EN réalité ce que je veut faire est simple. C'est de permettre à un utilisateur d'ajouter une image et de pouvoir la redimensionné à l'aide de la souris.

Comment puis-je m'y prendre?
merci de ton aide

[arnaud.tlse]

Salut !

Je pense que c'est quelque chose comme ceci que tu recherches non ?
http://www.dougmccune.com/360Flex/ResizableWrapper/

Tu devrais télécharger l'application TourDeFlex, elle recense pas mal de composants, des composants par défaut, à des composants plus évolués développés par quelques cadors. Le tout en démo avec le code.
Ce composant ci (ResizableWrapper) est disponible dans:
Other components > Doug McCune > Misc Components > ResizableWrapper

En espérant que ça convienne à ton besoin

[leyeno]

merci c'est tout ce qu'il me faut!!
merci

[leyeno]

Par contre, est ce normal que j'arrive pas a télécharger le projet flex? Il n'est pas en open source?

Car je fait copier coller de tout les fichiers, et quand j'ai essayer de compiler avec flex builder 3, j'ai cette erreur :

Code :

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

Could not resolve <containers : ResizableWrapper> to a component implementation

Quelqu'un sait pourquoi?
merci

[leyeno]

C'est bon j'ai trouvé!
J'ai pu adapter ce projet en fonction de ce que je souhaitais.

Je voudrais inclure une option ratio qui permet de conserver le même ration suivant comme on change les dimensions de l'image.

Je suppose qu'au départ,il faut faire : ratio= hauteur_initiale/largeur_initiale.

Mais ensuite je ne sais pas trop comment appliquer ce ration suivant les dimensions voulu par l'utilisateur.

Quelqu'un a une petite idée ou pas?
merci

[arnaud.tlse]

Dans le code source de l'exemple tu as ceci :

Code :

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

1
2
3
<containers:ResizableWrapper x="10" y="10">
        <mx:Image source="image.jpg" maintainAspectRatio="false" />
</containers:ResizableWrapper>

Tu devrais regarder du côté de "maintainAspectRatio".

A plus

[leyeno]

ok merci j'avais même pas vu moi qui cherchait dans tout les autres fichiers.

[leyeno]

Bonjour, je retravaille sur se projet ( a savoir le redimensionnement d'une image avec la souris) grâce a l'outil existant dans l'application tout de flex.

Voici mon code principale :

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
 
<mx:Application initialize="init(event)" xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:containers="com.dougmccune.containers.*" viewSourceURL="srcview/index.html">
 
 
 
  <mx:Script>
  	<![CDATA[
 
  	import mx.controls.Image;
  		private function init (event:Event) : void {
  		var img :Image =  new Image ();
  		img.source="versailles.temple.jpg";
  		img.width=400;
  		img.height=400;
  		ctn.addChild(img);	
  		}
  	]]>
  </mx:Script>
    <containers:ResizableWrapper id="ctn" width="400" height="400" x="10" y="10">
    </containers:ResizableWrapper>
 
</mx:Application>

Donc j'ajoute mon image a mon container. La pas de problème. Donc quand je fais un drag and drop de mon container, comme mon image est à l'intérieur, elle suit le mouvement.

Mais quand j'essaie de redimensionné le conteneur, et donc mon image, cela ne marche pas. J'arrive a redimensionné que mon conteneur et non mon image.

Avez vous une idée? Merci de votre aide!

Les sources que j'ai utilisé comme exemple sont :
http://www.dougmccune.com/360Flex/Re...iew/index.html

[leyeno]

Donc j'ai réussi a trouver des sources ici :
http://blogs.adobe.com/flexdoc/2007/...d_draggab.html

Je les ai modifié à ma sauce. DOnc j'arrive à redimensionné une fois mon image avec la souris mais lorsque je veut la redimensionné une seconde fois, et bien cela ne marche pas. On dirait que j'arrive plus a voir l'évenement suivant :

Code :

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

1
2
3
4
5
        private function creationCompleteHandler():void
                        {
                                trace("passage dans creationCompleteHandler");
                                addEventListener(RESIZE_CLICK, resizeHandler);
                        }

Cette fonction est appelé une fois que mon application est chargée :

Code :

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

1
2
3
4
5
6
7
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        xmlns:myComp="myComponents.*"
        creationComplete="creationCompleteHandler();"
 
        initialize="init(event)"
        >

J'ai joint mes sources.
Si quelqu'un pourrait regarder et me dire pourquoi je n 'arrive pas a redimensionné plusieurs fois mon image.

merci par avance

[pelmo]

J'ai utilisé cette librairie pour un gros projet : http://boceto.fr/produit-9-librairie...lash-flex.html
Ca fonctionne parfaitement en flash ou flex, il y a une doc des exemples et un support technique.