At Rule Financial we're still using the traditional tools and workflow to create static and dynamic wireframe mockups for customer projects (i.e. Photoshop, Illustrator and Flash Pro). Since Catalyst CS5 would appear to offer significant productivity improvements over the traditional workflow, I've been spending some time checking out whether it's ready for prime time.
These are some of the issues I found:-
When you add multiple instances of the same Custom Component to the stage:-
a) the "instance" name is automatically set by Catalyst as the same as the class name (MidLevelComponent in my example). This can be confusing since you can't easily tell the difference between a reference to the class and a reference to the instance in the rest of the UI.
b) because the class name is used all the automatically generated "instance" names are identical!!! This can be confusing when you come to add an interaction. For example, the "Choose State" dropdown shows an unhelpful list of instance names, all of which are identical, making it difficult to choose the correct instance. To confuse further the instance names all look like class names since the first letter is in upper case.
Neither of these issues is a problem in a trivial demo type application but in any serious application this will be confusing. The good news is that the code generation engine assign unique instance ids for each custom component instance. The bad news is that the engine appears to use a completely different set of rules for generating the ids. Worse still the generated ids don't follow ActionScript naming conventions either. Instead they're all lower case (e.g. id="customcomponent112", id="customcomponent113").
It would be better if the generated instance names of custom components were the same as the generated ids and if they used the camel case naming convention (i.e began with a lower case letter).
Since Catalyst's vision is to improve the designer-develop workflow, encouraging designers to use the same naming conventions as developers (instance names that begin with a lowercase letter and class names that begin with a uppercase letter) might be a good idea.
Vote for this feature to be included in the next release of Flash Catalyst: http://tinyurl.com/2fxcw7z
In the current build of Catalyst CS5 the only way to implement what would be called a "mask" in Flash Pro is to create a rectangular custom component and to turn on "clip to component bounds". Unfortunately this option is only enabled for components with a manually sized bounding box. It would be nice to have support for clipping to component bounds for components with autosized bounds (which is the default for new custom components).
Sunday, August 29, 2010
Subscribe to:
Post Comments (Atom)
1 comment:
Another point to consider is that Catalyst doesn't offer any type of anchoring for Flex skinning via the use of the left, right, top, bottom styles found in Spark. Only x,y,width,height, and the like are supported for fixed dimensions which is frustrating when you want to use percentage widths. Something to consider for those thinking of using catalyst for Flex.
Post a Comment