Hello,
i need to apply scale-nine on an image to skin a component. I've used
it successfully the following way:
borderSkin: Embed(source="assets/default/Panel_borderSkin.png",
scaleGridLeft="20",
scaleGridTop="22",
scaleGridRight="190",
scaleGridBottom="252");
The problem is that Panel_borderSkin is a png with about 60kb, and it
needs to be a PNG because of the transparency. I want to reduce my
Application filesize, so my idea was to import all the assets to Flash
8, and use the library to compress them (Panel_borderSkin.png for
example was reduced to merely 9kb, keeping the transparency!).
The problem is applying the scale nine to the symbol imported from
flash. I tried to create a scale-nine grid on flash, but it didn't
work for symbols with raster images, only vectorial symbols (have i
done something wrong?). I tried also to remove the flash scale nine,
and apply it on the CSS, like this:
borderSkin: Embed(source="assets/default/defaultonfashiontheme.swf",
symbol='Panel_borderSkin',
scaleGridLeft="20",
scaleGridTop="22",
scaleGridRight="190",
scaleGridBottom="252" );
but without success.
Resuming, how can i embed a raster image on symbol from a swf, and
apply a scale-nine grid to it?
OR, is there other solution to improve file-size, when it comes to
raster images with transparency?
Thank you,
João Saleiro
