Hi Rick,
I have integrated the fix, and its working like charm , Thank you very much. Now I know whom to look for If i have any issue with Flex :-). I have also updated my url with the new code. Now the only issue left is, when I drag and drop item to the plan, it get slightly shifted not getting dropped when I dropped, Guess I need to adjust my x/y point calculations. http://gireeshkumar.ind.in/designDemo/floorDesign2.html Thanks Gireesh On Mon, Jun 2, 2008 at 9:39 AM, Gireesh Kumar <[EMAIL PROTECTED]> wrote: > Hi Rick, > > It worked, I need to make some adjustment to my application to get this > integrated. > > Thanks you very much. > Gireesh. > > > On Mon, Jun 2, 2008 at 9:06 AM, Rick Winscot <[EMAIL PROTECTED]> > wrote: > >> Right… I don't have the time to fix your application for you – but I >> do have time to give you a quickie example that will set you in the right >> direction. This example works as-is if you replace the house_plans.png and >> couch.png images. The 'take-aways' are listed below the example. >> >> >> >> <?xml version="1.0" encoding="utf-8"?> >> >> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout=" >> absolute"> >> >> >> >> <mx:Script> >> >> <![CDATA[ >> >> >> >> *private* *function* doZoom():*void* >> >> { >> >> myCanvas.scaleX = myCanvas.scaleY = ( myZoomer.value / >> 100 ); >> >> } >> >> >> >> ]]> >> >> </mx:Script> >> >> >> >> <mx:VSlider x="414" y="151" minimum="10" maximum="100" >> snapInterval="5" liveDragging="true" id="myZoomer" change="doZoom();" >> value="100"/> >> >> >> >> <mx:Canvas x="439" y="151" width="400" height="400" id="myHolder"> >> >> <mx:Canvas id="myCanvas" horizontalScrollPolicy="off" >> verticalScrollPolicy="off"> >> >> <mx:Image source="house_plans.png"/> >> >> <mx:Image x="62" y="26" source="couch.png"/> >> >> </mx:Canvas> >> >> </mx:Canvas> >> >> >> >> </mx:Application> >> >> >> >> >> >> Key Take-aways: >> >> >> >> #1 – a container in container approach helps eliminate scroll bar scaling >> issues >> >> #2 – a container in container approach helps reduce the number of scalable >> objects you have to keep track of to one (myCanvas – children should be >> added here) >> >> #3 – position of all objects is maintained without having to after-manage >> coordinates >> >> >> >> How you manage the size/ratio of objects after you get this all setup… >> should probably be done just setting the unscaledWith and unscaledHeight >> appropriately. >> >> >> >> Rick Winscot >> >> >> >> >> >> >> >> >> >> >> >> *From:* flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] *On >> Behalf Of *Gireesh Kumar >> *Sent:* Sunday, June 01, 2008 2:04 PM >> >> *To:* flexcoders@yahoogroups.com >> *Subject:* Re: [flexcoders] Flex drag n drop, zoom issue >> >> >> >> >> Actually it is a canvas, and I am placing the objects on the canvas, I >> tried setting the plan image as background of canvas also. >> >> And if I change only the canvas scaleX and scaleY the placed object is not >> zooming properly. >> If you look at the source you will see this. >> >> >> Thanks >> Gireesh >> >> On Sun, Jun 1, 2008 at 11:06 PM, Rick Winscot <[EMAIL PROTECTED]> >> wrote: >> >> It crossed my mind that you might be doing something like this… can I >> recommend an alternate solution? Use a canvas/container to host your plan _ >> *and*_ all of your placed objects – then just set the scaleX/scaleY of >> that canvas/container. If you do it this way – you won't have to worry about >> object placement or spacing. >> >> >> >> Rick Winscot >> >> >> >> >> >> *From:* flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] *On >> Behalf Of *Gireesh Kumar >> *Sent:* Sunday, June 01, 2008 1:06 PM >> *To:* flexcoders@yahoogroups.com >> *Subject:* Re: [flexcoders] Flex drag n drop, zoom issue >> >> >> >> Hi, >> >> Here is the code I use to set the scaleX and Y values >> >> private function doZoom(event:Event):void{ >> if(currentPlanCanvas == null){ >> return; >> } >> doComponentZoom(currentPlanCanvas, >> (HSlider(event.currentTarget).value)); >> } >> private function >> doComponentZoom(component:UIComponent,val:Number):void{ >> component.scaleX = val; >> component.scaleY = val; >> if(component is Container){ >> var children:Array = Container(component).getChildren(); >> for(var i:int = 0; i < children.length; i++){ >> doComponentZoom(children[i], val); >> } >> } >> } >> >> >> >> >> Thanks >> Gireesh >> >> >> >> >> On Sun, Jun 1, 2008 at 10:22 PM, Rick Winscot <[EMAIL PROTECTED]> >> wrote: >> >> I took a quick look at your sample… and it looks like you are doing >> something strange with your scaleX/scaleY – they aren't being set uniformly. >> You'll only need a single change so I would think: scaleX = scaleY = >> zoomer.value -- no? >> >> >> >> Rick Winscot >> >> >> >> >> >> *From:* flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] *On >> Behalf Of *gireeshgiri >> *Sent:* Sunday, June 01, 2008 3:11 AM >> *To:* flexcoders@yahoogroups.com >> *Subject:* [flexcoders] Flex drag n drop, zoom issue >> >> >> >> Hi, >> >> I am having an issue with the application currently I am >> developing, the issue after dropping object to the canvas and if i try >> to zoom (in-out) the dropped objects seems to shifts its place. I have >> placed a demo URL, you can drag and drop objects to the plan, and try >> zooming the plan. >> >> Demo URL >> http://gireeshkumar.ind.in/designDemo/floorDesign2.html >> >> Please help me. >> >> Thanks >> Gireesh. >> >> >> >> >> -- >> Gireesh Kumar G >> http://gireeshkumar.ind.in/ >> >> >> >> >> -- >> Gireesh Kumar G >> http://gireeshkumar.ind.in/ >> >> >> > > > > -- > Gireesh Kumar G > http://gireeshkumar.ind.in/ > -- Gireesh Kumar G http://gireeshkumar.ind.in/