Dec 14 2009
Aspire UI Components: Size of “classic”, “graylic”, “vista” and “xp” Themes
The Aspire UI Components library, for pure ActionScript 3.0 development, now ships with four themes – “classic”, “graylic”, “vista” and “xp”. These themes are included to demonstrate the versatility of the skinning workflow; developers are not limited to these themes but can design their own themes via PNG images.
By default, components in the toolkit uses external PNG images loaded during run-time for component skinning. As of version 1.3, skin assets of the same theme can be compressed and packed into a single binary file, facilitating run-time loading and also making it easy to embed the skin assets if so desired.
As at the time of this post, the sizes of the compressed packed version of the themes are as follows:
“classic”
6kb (uncompressed 15kb)
The following is a screenshot of the theme in action:
“graylic”
8kb (uncompressed 17kb)
The following is a screenshot of the theme in action:
“vista”
22kb (uncompressed 36kb)
The following is a screenshot of the theme in action:
“xp”
22kb (uncompressed 30kb)
The following is a screenshot of the theme in action:
Note: sizes may change in the future if more component assets are added to the library.
For more information on packing themes, please refer to:
http://ghostwire.com/aspireui/docs/skinning/packing-skin-assets
Aspire UI Components
Aspire UI is a library of Actionscript 3.0 (AS3) classes for building flexible and lightweight UI elements in Adobe Flash applications. Key features of the components include easy skinning using PNG image files, automatic tab focus ordering, CSS text styles, and layout management. This is a pure AS3 library with no dependency on the Flex framework.
You may experiment with the various features by downloading the trial version.
