\u00a0<\/p>\n
Finally after lot of trials and errors i managed to get it right and understand it. I am going to show exactly how i calculate it. Take a look at the following picture,<\/p>\n
![\"\"](\"http:\/\/nayansavla.com\/uploads\/flash\/scalenine\/scale9.jpg\")
<\/p>\n
\u00a0<\/p>\n
I am selecting the same fancy_border.png from the Adobe site and i am trying to find a rectangular region in the center which if scaled is not going to affect my image. This region begins at 53,54 and is 215×82.<\/p>\n
\u00a0<\/p>\n
So now i need to assign my\u00a0scaleGridTop,\u00a0scaleGridBottom,\u00a0scaleGridLeft and\u00a0scaleGridRight from the above information,<\/p>\n
\u00a0<\/p>\n
scaleGridTop is the y position of this rectangle i.e.\u00a0scaleGridTop=54<\/p>\n
scaleGridBottom is the y position of this rectangle plus its height i.e\u00a0scaleGridBottom=54+82<\/p>\n
scaleGridLeft is the x position of this rectangle i.e\u00a0scaleGridLeft=53 and finally<\/p>\n
scaleGridRight is the x position of this rectangle plus its width i.e\u00a0scaleGridRight=53+215<\/p>\n
\u00a0<\/p>\n
so for the above image embed tag would like,<\/p>\n
\u00a0 [Embed(source=”..\/assets\/fancy_border.png”,
\nscaleGridTop=”54″, scaleGridBottom=”136″,
\nscaleGridLeft=”53″, scaleGridRight=”268″
\n)]<\/p>\n
\u00a0<\/p>\n
Flex scales this rectangular region when it scales the image, so your rectangle should be selected such that any distortion to this region won’t affect your original image. Also this rectangle will determine how much smaller your image can get without distortion, if you select a small rectangular region then you won’t be able to downsize your image.<\/p>\n
\u00a0<\/p>\n
Hope this article makes the scale nine implementation in Flex more clear. Here is a swf file for you all to play with it applies two different scale nine grids to the same image and you will see the difference how it affects the downsizing of the image.\u00a0<\/p>\n
EDIT: 01\/15\/09<\/p>\n
Using 0 in the scaleGridTop doesn’t work, you have to use 1. I don’t know but it seems to be the case.
\n\u00a0<\/p>\n