只看楼主 楼主

没事露一露,提高知名度——艾睿我看贴我回贴宣言(支持 / 反对)

iMagnifyingGlass控件 -- 放大镜容器(Magnifying glass panel)

控件名称 (Component Name):iMagnifyingGlass.as

作用 (Description)控件继承于Panel, 和普通panel使用方法相同,对放入其中的所有Image,当鼠标划过时有放大镜效果。 (iMagnifyingGlass extends from panel that can enlarge all passed in images when mouseover )

接口 (apis)

属性(Attributes):

multiple:Number -- 设置放大倍数,默认2倍 (Default value is 2)
glassHeight:Number -- 设置镜片高度,默认150px (Magnifying glass height, default value is 150px)
glassWidth:Number -- 设置镜片宽度, 默认150px (default value is 150px)
glassStyleName: Number -- 设置镜片样式表 (set the style name of glass)

方法 (Function):

setGlassStyle(stylrProp:String,newValue:Object) -- 设置镜片样式 (set styles of glass)


Demo:

<component:iMagnifyingGlass hideEffect="" title="放大镜Demo" multiple="4" layout="vertical"  id="mG" >
<mx:HBox>
   <mx:Image source="{pic1}" width="256" height="192" />
   <mx:Image source="{pic2}" width="256" height="192"  />
</mx:HBox>
<mx:HBox>
   <mx:Image source="{pic3}" width="256" height="192" />
   <mx:Image source="{pic4}" width="256" height="192"  />
</mx:HBox>
</component:iMagnifyingGlass>





附件是Demo和源文件 (Attached demo and source code)


原文:http://www.flextheworld.com/?p=82
[本帖最后由 kevin.luo.sl 于 2009-01-02 21:09:03 编辑]

(您是游客)您没有权限查看附件,建议花30秒注册一个账户,正所谓一次注册终身受用。现在注册还送艾睿金币

kevin.luo.sl的签名

评分

举报 使用道具 TOP

只看该用户 沙发!

决定免费了
kevin.luo.sl的签名

评分

举报 使用道具 TOP

只看该用户 板凳

效果很帅。。。。
厉害厉害。。。。

评分

举报 使用道具 TOP

只看该用户 地板

so cool

评分

举报 使用道具 TOP

只看该用户 #4

感谢分享

评分

举报 使用道具 TOP

只看该用户 #5

版主太好了.

评分

举报 使用道具 TOP

只看该用户 #6

太好了,但 是为什么放大镜不做成圆形的呢

评分

举报 使用道具 TOP

只看该用户 #7

太好了,但 是为什么放大镜不做成圆形的呢
-- by chjshen (2008-12-29 9:38:14)
放大镜的样式是public的,可以随便改。
kevin.luo.sl的签名

评分

举报 使用道具 TOP

只看该用户 #8

感谢楼主分享,最近在做一个项目正好需要是使用放大镜的功能

评分

举报 使用道具 TOP

只看该用户 #9

支持原创

评分

举报 使用道具 TOP