您的位置:首页 > 其它

今天学习Flex3.2嵌入图片,值得说道的是如何嵌入scale-9 缩放的图像

2010-05-26 12:01 337 查看
今天学习Flex3.2嵌入图片,值得说道的是如何嵌入scale-9 缩放的图像。
自己做了一个示意图。


九宫图(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的正方形,为什么不能不等比缩放?

from: http://www.puxiao.com/?p=109
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: