Xml – Flex: Why does setting scaleX/Y in mxml effect the components size but setting it in actionscript does not

apache-flexmxml

I'm playing around with the scaleX/Y in the canvas tag and have noticed some strange behaviour. When I set scale in in mxml the width and height of the canvas are adjusted accordingly. For example if I have a canvas like this:

<mx:Canvas width="1000" height="1000" scaleX="0.1" scaleY="0.1" />

The canvas now appears on screen to have a width and height of 100 and if inside my creationComplete callback I check the width and height property they are indeed 100.

But if I do exactly the same thing except I set the scaleX/Y property from actionscript the canvas on screen appears to have a width and height of 100 as expected, but when I check the width and height property of the canvas they are still at the previous values of 1000.

Could anyone help me understand what is going on and also tell me if there is any method that will refresh the width and height values so that they are correct?

Thanks,

Chris

Best Answer

At what point in the Canvas' lifecycle are you adjusting the scaleX/Y properties in Actionscript? And then, at what point are you re-checking them?

It may be helpful to examine this white paper on Flex component lifecycles (PDF) to pick the right timing for actionscript-based visual component tweaking.

Related Solutions

Flex 3 – Must I add components before setting their attributes when using AS3

To force a control to create its child controls you have to call the initialize method.

i.e. this should work :

var a:A = new A();
a.initialize();
a.b = "woopy";
this.addChild(a);

However, what I've been doing so far when declaring mxml controls is binding the internal controls to public variables declared in a script block. e.g.

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Script>
        <![CDATA[
            [Bindable]
            public var labelText:String = "[Default]";
        ]]>
    </mx:Script>
    <mx:Label text="{labelText}"/>
</mx:Canvas>

This way you can set your parameters without having to worry about whether the controls have been created or not.

Xml – Flex design view not working for components with custom base class

You are correct, they don't work, never have all the way back the the Flex Builder 2 betas.

This was actually the topic of my first blog post ever. It has a hacky workaround that kind works if you're interested, but it's a bit long to post here:

http://www.rogue-development.com/blog2/2007/03/code-in-front/

Best Answer

Related Solutions

Flex 3 – Must I add components before setting their attributes when using AS3

Xml – Flex design view not working for components with custom base class

Related Topic