Re: [flexcoders] Exceeding Component Boundaries

Thu, 04 May 2006 05:42:53 -0700

Manish,

I can try and come up with a stand-alone example but I am basically using the scale property to "zoom" in and out of a very large drawing.

If I zoom out (i.e. incrementally reduce scale) the elements in the drawing get smaller.  If I zoom in (increase the scaleX and scaleY by some arbitrary percentage - i.e. c.scaleX = c.scaleX * 1.15), the picture gets larger. I am not adjusting the size of the lines or Sprites themselves.

At some seemingly arbitrary step in scaling up or down, the elements of the drawing appear on top of the Canvas or Panel in which the UIComponent is embedded. If I continue to increase or lower the scale, the drawing ceases to overflow its borders but then after a few more adjustments to the scale it happens again.

For reference, the UIComponent has a height and width that may be several thousand pixels in height and width. The Canvas that it is embedded within is only a few hundred so zooming in and out and navigating around the UIComponent is particularly critical.

-Mark

P.S. My impression is that this type of activity is what the ScrollRect feature/function is intended to address but I could not find sufficient documentation or examples to use it in my application.

Manish Jethani wrote: 
On 5/4/06, Mark Wales <[EMAIL PROTECTED]> wrote:

  
I have a UIComponent inside a Canvas where I place Sprites, draw lines,
etc. The UIComponent's dimensions are larger than the Canvas and right
now I have the scrollbar policy set to "on" or "auto". However, when I
scale the UIComponent (using scaleX and scaleY) the items drawn on the
UIComponent exceed the boundary of that component and appear across the
entire screen. If I further manipulating the scale of the UIComponent a
few times, it ultimately re-acquires its boundary and is then well-behaved.

Is this a refresh problem, am I changing the scale in a way I should
not, or is there something else going on?
    

Not sure what you mean by "re-acquires its boundary". If you have a
standalone example, that'll help clear it up.

The 'scaleX' and 'scaleY' properties affect the width and height of a
UIComponent, so, as far as its parent is concerned, it's not different
from setting its width and height explicitly.

So the following two lines have the same effect on the parent's
measurement and layout:

 foo.width = foo.width * 2;
 foo.scaleX = 2;


------------------------ Yahoo! Groups Sponsor --------------------~--> 
Home is just a click away.  Make Yahoo! your home page now.
http://us.click.yahoo.com/DHchtC/3FxNAA/yQLSAA/nhFolB/TM
--------------------------------------------------------------------~-> 

--
Flexcoders Mailing List
FAQ: http://groups.yahoo.com/group/flexcoders/files/flexcodersFAQ.txt
Search Archives: http://www.mail-archive.com/flexcoders%40yahoogroups.com 
Yahoo! Groups Links

<*> To visit your group on the web, go to:
    http://groups.yahoo.com/group/flexcoders/

<*> To unsubscribe from this group, send an email to:
    [EMAIL PROTECTED]

<*> Your use of Yahoo! Groups is subject to:
    http://docs.yahoo.com/info/terms/


--
Flexcoders Mailing List
FAQ: http://groups.yahoo.com/group/flexcoders/files/flexcodersFAQ.txt
Search Archives: http://www.mail-archive.com/flexcoders%40yahoogroups.com



SPONSORED LINKS
Web site design development Computer software development Software design and development
Macromedia flex Software development best practice

YAHOO! GROUPS LINKS



Reply via email to