正在加载...
2008-4
29
发表于: 零幺之间 | 作者: admin
标签:

自动居中的Flex图像控件

以前用Asp.net实现过一个居中的图像控件,无非是用

包起来,然后在后台计算出的padding值。现在使用Flex又遇到了图像居中显示着一个问题,Flex Builder 3自带的图像控件似乎仍然没有这特征,所以还是自己写一个吧。当然了,老是写这类东西,实在没什么新鲜感,为此我深深地苦恼。

在Flex Builder中的Canvas控件跟Html的
作用几乎类似,都是一个容器,所以本次控件的实现仍然如此:即用控件包上控件,然后根据的图片的具体大小设置图像控件的偏移量。这里需要说明一点是,用Flex写的页面与Html页面相比,Flex更像是一个本地的应用程序,所以设计时不能用写网页的思路,比如:在容器中,image控件可以直接用坐标x,y来定位,而Html却需要用padding值;在网页的程序里,得到图片的真实大小,必须把图片下载到服务器,然后用Bitmap对象读取图片的大小(如果是读取同一网站的图片,则不必下载),而Flex程序读图片的大小只需要从image控件的contentHeight及contentWidth两个属性读取就行了,闲话休提,先看一下效果:

可以下载到本地查看:

SWF文件(下载后请把后缀名改为swf,因为我的空间不让上传swf类型的,真变态)

其实真正实现缩放的代码很短,代码中包含了注释,就不过多解释了:

: http://www.daaaxiang.com/index.php/archives/120

本文相关评论 - 1条评论都没有呢

还没有任何评论。