类似百度添加或删除收藏的效果
2014-02-18 09:39
411 查看
类似ToolTip组件: FavoritesToolTipComp.mxml
<s:SkinnableContainer...> <s:Group left="0" right="0" top="0" bottom="0"> <s:Rect width="100%" height="100%"> <s:fill> <s:SolidColor color="#FFFECC" /> </s:fill> <s:stroke> <s:SolidColorStroke color="#DFB259" weight="1" caps="round" joints="round" /> </s:stroke> </s:Rect> <s:Label id="favorLabel" left="5" right="5" top="10" bottom="10" fontFamily="宋体" fontSize="12" color="#990000" /> </s:Group> <s:Path winding="nonZero" horizontalCenter="0" top="-3.7" data="M0 3.6665 4.16699 3.6665 7.83398 0 11.834 3.6665 16.834 3.6665"> <s:fill> <s:SolidColor color="#FFFECC"/> </s:fill> <s:stroke> <s:SolidColorStroke weight="1" caps="none" joints="miter" miterLimit="10" color="#DFB259"/> </s:stroke> </s:Path> </s:SkinnableContainer>
主程序调用FavoritesToolTipComp组件
<s:Application xmlns:component="component.*" ... > <fx:Script> <![CDATA[ import component.FavoritesToolTipComp; import flash.utils.Timer; import mx.core.FlexGlobals; protected function button1_clickHandler(event:MouseEvent):void { var favorToolTip:FavoritesToolTipComp=new FavoritesToolTipComp(); FlexGlobals.topLevelApplication.addElement(favorToolTip); favorToolTip.left=10; favorToolTip.top=100; var favorTime:Timer=new Timer(5000,1); if(favorBtn.selected==true){ favorToolTip.visible=favorToolTip.includeInLayout=true; favorToolTip.favorLabel.text="成功添加到收藏夹"; favorTime.addEventListener(TimerEvent.TIMER,function():void{ favorToolTip.visible=favorToolTip.includeInLayout=false; }); favorTime.start(); } else{ favorToolTip.visible=favorToolTip.includeInLayout=true; favorToolTip.favorLabel.text="已从收藏夹中删除"; favorTime.addEventListener(TimerEvent.TIMER,function():void{ favorToolTip.visible=favorToolTip.includeInLayout=false; }); favorTime.start(); } } ]]> </fx:Script> <s:ToggleButton id="favorBtn" label="添加" click="button1_clickHandler(event)" /> </s:Application>
相关文章推荐
- UILabel添加删除线,类似团购效果
- spring集成swagger生成api文档的丢弃接口添加删除线效果
- 类似百度搜索栏的即输即更新下拉关键字的效果
- iOS 给字符串添加删除线,下划线效果遇到的坑(10.3 与 8.1 系统)
- 类似百度的2012世界末日地震效果
- Linux rpm 命令参数使用详解:RPM是RedHat Package Manager(RedHat软件包管理工具)类似Windows里面的“添加/删除程序”
- Android实现类似QQ的滑动删除效果
- 系列教程,从读取,修改,添加,到酷酷的删除效果!
- jquery-ui-bootstrap动态添加和删除标签页封装【效果更炫】
- UITableView多选删除,类似mail中的多选删除效果
- android动态添加删除布局,并且带有动画效果,点击可以展开布局
- Android实现类似QQ的滑动删除效果
- Android实现类似QQ的滑动删除效果
- <html5+css3+js>用javascript显示隐藏,添加,删除元素,css动画效果
- IOS 添加收藏的动画效果
- [转]ajax系列教程,从读取,修改,添加,到酷酷的删除效果!
- 如何实现类似百度搜索提示的效果
- JS实现输入框类似百度搜索的智能提示效果
- 表格的添加删除加省级联动效果
- ViewPager实现加载网络图片,动态添加删除效果