今天学习Flex3.2嵌入图片,值得说道的是如何嵌入scale-9 缩放的图像
今天学习Flex3.2嵌入图片,值得说道的是如何嵌入scale-9 缩放的图像。
自己做了一个示意图。
![九宫图(scale-9)缩放示意图 九宫图(scale-9)缩放示意图](http://www.puxiao.com/wp-content/uploads/2009/02/scale-9_info.jpg)
九宫图(scale-9)缩放示意图
插入文件(图片)应该在 项目src这个文件夹里。
假如一个大小是100*100,名字叫mypic,jpg的图片,代码是:
[Embed(source="mypic.jpg",scaleGridTop="25",scaleGridBottom="75",
scaleGridLeft="25",scaleGridRight="75")]
[Bindable]
public var myPic:Class;
//这样就把myPic和图片对应起来,充当了flash里库导出元件的功能,弥补了flex没有库这个概念
//想调用显示,就可以
<mx:Image id=”myhead” width=”200″ height=”200″ source=”{myPic}”/>
不过发现两个现象,还没搞明白如何解释:
1 如果设置 scaleGridBottom或scaleGridRight 的值大于图片本身的高度和宽度时,图片显示的大小要比通过设置的大,Image 的 width height设置的值不起作用了。
2 自己测试得到的一个结果:假如设置 width=”200″ height=”300″ 出来的结果并不是一个长方形,而依然是大小为200的正方形,为什么不能不等比缩放?