今天学习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
自己做了一个示意图。
九宫图(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
相关文章推荐
- Pygame学习(3)-----如何对图像进行翻转,缩放,旋转
- flex中如何将图片嵌入资源发布
- Flex中如何利用Style Sheet和<mx:style>标签嵌入图片/图标的例子
- (转)Opencv (Opencv2)结合MFC学习数字图像处理【3】---显示图片
- ImageButton如何让图片按比例缩放不被拉伸
- Java与Flex学习笔记(20)---将flex页面嵌入到jsp页面中
- Flex中的嵌入图片
- 如何实现大分辨率的图片等比例缩放,使其适配不同的手机
- 如何实现php图片等比例缩放
- 今天开始学习图像编程
- 使用ffmpeg进行图像格式转换以及图像缩放/sws_scale/linux/c++/c/rgb-yuv420
- WEB页面中如何自动成比例缩放图片,鼠标滚轮缩放
- cvResize缩放“边缘检测”的图像后,图像变得模糊,如何解决?
- Android多点触摸缩放图片-android学习之旅(四)
- 从今天起开始学习如何制作游戏
- 如何让图片按比例响应式缩放、并自动裁剪的css技巧
- 25.Android之图像的平移、旋转及缩放学习
- 太原UI设计师教你如何在千万张图片中选择图像素材的技巧
- 学习 ------ ASP.NET C# 按原图片大小缩放生成缩略图
- CSS如何让图片自动缩放