Comments on: “Stateful” Flex Skins with Transitions Using Flash http://scalenine.com/blog/2007/10/09/%e2%80%9cstateful%e2%80%9d-flex-skins-with-transitions-using-flash/ The latest about ScaleNine Fri, 25 Jul 2008 18:54:01 +0000 http://wordpress.org/?v=2.5.1 By: Dan http://scalenine.com/blog/2007/10/09/%e2%80%9cstateful%e2%80%9d-flex-skins-with-transitions-using-flash/#comment-69777 Dan Thu, 12 Jun 2008 20:03:27 +0000 http://scalenine.com/blog/2007/10/09/%e2%80%9cstateful%e2%80%9d-flex-skins-with-transitions-using-flash/#comment-69777 Regarding nyë's comment, I have the same issue. I tried renaming the symbol and class name (like to button_skin1" ) but I get this error in Flex: Design mode: Cannot load myButton.swc (reason: ERROR: Load Verify). It may require classes (such as Adobe AIR components) that are not supported by design mode. Check the Eclipse error log for more details. the SWC is added just like normal, and if I use the the default naming conventions it works just fine. With the above, it still compiles but the item reverts to it's original, built in skin. Regarding nyë’s comment, I have the same issue. I tried renaming the symbol and class name (like to button_skin1″ ) but I get this error in Flex:

Design mode: Cannot load myButton.swc (reason: ERROR: Load Verify). It may require classes (such as Adobe AIR components) that are not supported by design mode. Check the Eclipse error log for more details.

the SWC is added just like normal, and if I use the the default naming conventions it works just fine. With the above, it still compiles but the item reverts to it’s original, built in skin.

]]> By: nyë http://scalenine.com/blog/2007/10/09/%e2%80%9cstateful%e2%80%9d-flex-skins-with-transitions-using-flash/#comment-63103 nyë Fri, 16 May 2008 07:50:51 +0000 http://scalenine.com/blog/2007/10/09/%e2%80%9cstateful%e2%80%9d-flex-skins-with-transitions-using-flash/#comment-63103 Hi! I have a problem when I import 2 button skins. Both are named "Button_skin" so I can use only one in my CSS. How can I change this name? Thanks!! Hi!

I have a problem when I import 2 button skins. Both are named “Button_skin” so I can use only one in my CSS. How can I change this name?

Thanks!!

]]> By: Julien http://scalenine.com/blog/2007/10/09/%e2%80%9cstateful%e2%80%9d-flex-skins-with-transitions-using-flash/#comment-57294 Julien Thu, 24 Apr 2008 09:39:59 +0000 http://scalenine.com/blog/2007/10/09/%e2%80%9cstateful%e2%80%9d-flex-skins-with-transitions-using-flash/#comment-57294 Thanks for the fast answer Juan, this solution works nice But I got another issue :-) When I defined a transition for the button, for instance the "over down-start". One of the annoying things is that when you are down on the button, it plays the transition but when you release it, it plays the animation back. Do you know how we can disabled this back effect?? Thanks. Thanks for the fast answer Juan, this solution works nice

But I got another issue :-)

When I defined a transition for the button, for instance the “over down-start”. One of the annoying things is that when you are down on the button, it plays the transition but when you release it, it plays the animation back.

Do you know how we can disabled this back effect??

Thanks.

]]> By: juan http://scalenine.com/blog/2007/10/09/%e2%80%9cstateful%e2%80%9d-flex-skins-with-transitions-using-flash/#comment-57156 juan Wed, 23 Apr 2008 15:28:52 +0000 http://scalenine.com/blog/2007/10/09/%e2%80%9cstateful%e2%80%9d-flex-skins-with-transitions-using-flash/#comment-57156 Julien, There are a couple of things you can do, each of which involve creating an additional asset to define the bounds of your Button. To define the bounds of your Button skin you can add a clear shape in the skin to define the total area of the transition animation. This way Flex will stretch the Button skin and the clear shape. The other thing you can do is make a clear shape and make it a new symbol called "boundingBox". Use this shape to define the bounds of your skin and this symbol will be recognized in Flex. Julien,

There are a couple of things you can do, each of which involve creating an additional asset to define the bounds of your Button. To define the bounds of your Button skin you can add a clear shape in the skin to define the total area of the transition animation. This way Flex will stretch the Button skin and the clear shape.

The other thing you can do is make a clear shape and make it a new symbol called “boundingBox”. Use this shape to define the bounds of your skin and this symbol will be recognized in Flex.

]]> By: Julien http://scalenine.com/blog/2007/10/09/%e2%80%9cstateful%e2%80%9d-flex-skins-with-transitions-using-flash/#comment-57090 Julien Wed, 23 Apr 2008 07:47:31 +0000 http://scalenine.com/blog/2007/10/09/%e2%80%9cstateful%e2%80%9d-flex-skins-with-transitions-using-flash/#comment-57090 Hi guys, I have tried this feature and it is very nice. But if I want to enlarge the button for example during the transition, it makes something strange inside flex. It is like flex autoscale the button.... Can you help me? Thanks. Hi guys,

I have tried this feature and it is very nice. But if I want to enlarge the button for example during the transition, it makes something strange inside flex.

It is like flex autoscale the button….

Can you help me?

Thanks.

]]> By: Brandon http://scalenine.com/blog/2007/10/09/%e2%80%9cstateful%e2%80%9d-flex-skins-with-transitions-using-flash/#comment-54007 Brandon Wed, 09 Apr 2008 00:48:26 +0000 http://scalenine.com/blog/2007/10/09/%e2%80%9cstateful%e2%80%9d-flex-skins-with-transitions-using-flash/#comment-54007 I'd be INCREDIBLY grateful if you could post a tut. on using the stateful templates to create a theme ... I’d be INCREDIBLY grateful if you could post a tut. on using the stateful templates to create a theme …

]]> By: juan http://scalenine.com/blog/2007/10/09/%e2%80%9cstateful%e2%80%9d-flex-skins-with-transitions-using-flash/#comment-53993 juan Wed, 09 Apr 2008 00:09:39 +0000 http://scalenine.com/blog/2007/10/09/%e2%80%9cstateful%e2%80%9d-flex-skins-with-transitions-using-flash/#comment-53993 I don't see why not. I can't say that I've tried it. However, a set of stateful skins gets compiled as a SWC, which means you'd be recompiling that SWC with the CSS into a theme SWC. Not sure if that causes issues or not. You don't have to use the "Import Skin Artwork" feature in order to use your stateful skins. The Skin Import Wizard is more of a timesaver. I usually hand code all my CSS and I don't have any issues. I don’t see why not. I can’t say that I’ve tried it. However, a set of stateful skins gets compiled as a SWC, which means you’d be recompiling that SWC with the CSS into a theme SWC. Not sure if that causes issues or not.

You don’t have to use the “Import Skin Artwork” feature in order to use your stateful skins. The Skin Import Wizard is more of a timesaver. I usually hand code all my CSS and I don’t have any issues.

]]> By: Brandon http://scalenine.com/blog/2007/10/09/%e2%80%9cstateful%e2%80%9d-flex-skins-with-transitions-using-flash/#comment-53990 Brandon Tue, 08 Apr 2008 23:49:10 +0000 http://scalenine.com/blog/2007/10/09/%e2%80%9cstateful%e2%80%9d-flex-skins-with-transitions-using-flash/#comment-53990 Perhaps the question I really meant to ask: is it possible to have stateful transitions in a theme? Perhaps the question I really meant to ask: is it possible to have stateful transitions in a theme?

]]> By: Brandon http://scalenine.com/blog/2007/10/09/%e2%80%9cstateful%e2%80%9d-flex-skins-with-transitions-using-flash/#comment-53961 Brandon Tue, 08 Apr 2008 21:09:36 +0000 http://scalenine.com/blog/2007/10/09/%e2%80%9cstateful%e2%80%9d-flex-skins-with-transitions-using-flash/#comment-53961 1st off - awesome post. Exactly what I needed in terms of creating stateful, animated components! Yay! Here's the curve-ball: how can I do this w/out using the 'Import Skin Artwork' in Flex Builder? I need to be able to open the stateful version of the flex_skins template, modify all the existing components and add a bunch of my own, edit the CSS, compile the .swf & .css into a .swc using the Flex SDK and deliver the .swc. This .swc then gets integrated into the application build by script on some Linux box somewhere. Hence my NOT being able to use the import function. Help me Obi-wan Kenobi! 1st off - awesome post. Exactly what I needed in terms of creating stateful, animated components! Yay!

Here’s the curve-ball: how can I do this w/out using the ‘Import Skin Artwork’ in Flex Builder?

I need to be able to open the stateful version of the flex_skins template, modify all the existing components and add a bunch of my own, edit the CSS, compile the .swf & .css into a .swc using the Flex SDK and deliver the .swc. This .swc then gets integrated into the application build by script on some Linux box somewhere. Hence my NOT being able to use the import function.

Help me Obi-wan Kenobi!

]]> By: Chris Brown http://scalenine.com/blog/2007/10/09/%e2%80%9cstateful%e2%80%9d-flex-skins-with-transitions-using-flash/#comment-51940 Chris Brown Thu, 27 Mar 2008 06:14:52 +0000 http://scalenine.com/blog/2007/10/09/%e2%80%9cstateful%e2%80%9d-flex-skins-with-transitions-using-flash/#comment-51940 view source does not work view source does not work

]]>