- 浏览: 284878 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (163)
- ETL (4)
- Oracle (24)
- Win (2)
- Apache (5)
- struts2 (1)
- ArcGIS (21)
- Java (17)
- other (6)
- JavaScript (4)
- Xml (4)
- c# (2)
- webSphere (5)
- Ext (2)
- Flex (35)
- Svn (3)
- tomcat (3)
- MyEclipse (4)
- MySQL (2)
- ibatis (2)
- log4j (4)
- spring (1)
- SqlServer (2)
- android (4)
- ios (3)
- SDE (2)
- mac (1)
- Linux (9)
- Mina2 (1)
最新评论
-
markss:
您好,请问kettle循环处理的内存泄漏问题是否已经解决了?毕 ...
Kettle -
1qqqqqq:
图呢 ???
Myeclipse 9.0集成FLASH BUILDER 4.5 -
hanyi366:
现在MyEclipse 都2014版了,好像MyEclipse ...
Visual Editor 插件 安装 -
cnjmwr:
MyEclipse8.6的Eclipse版本是3.5的 ve1 ...
Visual Editor 插件 安装 -
cloudphoenix:
大神 我特地登陆来回帖,真是帮了我的大忙了。看了一个多月的AS ...
FlexGlobals.topLevelApplication
Flex组件的行为和动画效果
- 博客分类:
- Flex
触发器名称 对应事件名称 事件描述
addedEffect added 当组件被添加到容器时触发
createCompleteEffect createComplete 当组件完成绘制时触发
focusInEffect focusIn 当组件获得光标焦点时触发
focusOutEffect focusOut 当组件失去光标焦点时触发
hideEffect hide 当组件变成不可见时触发
showEffect show 当组件变成可见时触发
mouseDownEffect mouseDown 当鼠标在组件上按下时触发
mouseUpEffect mouseUp 当鼠标在组件上松开时触发
rollOverEffect rollOver 当鼠标移动到组件上时触发
moveEffect move 当组件被移动时触发
resizeEffect resize 当组件改变大小时触发
createCompleteEffect createComplete 当组件完成绘制时触发
focusInEffect focusIn 当组件获得光标焦点时触发
focusOutEffect focusOut 当组件失去光标焦点时触发
hideEffect hide 当组件变成不可见时触发
showEffect show 当组件变成可见时触发
mouseDownEffect mouseDown 当鼠标在组件上按下时触发
mouseUpEffect mouseUp 当鼠标在组件上松开时触发
rollOverEffect rollOver 当鼠标移动到组件上时触发
moveEffect move 当组件被移动时触发
resizeEffect resize 当组件改变大小时触发
Effect中
引用
<mx:AnimateProperty>可实现拉伸效果
<mx:Blur>模糊效果
<mx:Dissolve>实现淡出淡入效果,与<mx:Fade>相似
<mx:Glow>外发光效果
<mx:Iris>以矩形方式出现或消失
<mx:Move>移动效果
<mx:Parallel>多种效果叠加
<mx:Pause>停止 mx.effects.easing.Bounce.easeOut可产生弹动效果
<mx:Resize>改变大小
<mx:Rotate>旋转角度
<mx:SoundEffect>声音效果
<mx:WipeDown>从上往下消失或出现
<mx:WipeLeft>从右往左消失或出现
<mx:WipeRight>从左往右消失或出现
<mx:WipeUp>从下往上消失或出现
<mx:Zoom>放大或缩小
</mx:Transition>不同state切换时的过渡效果
Charts(统计)
<mx:AreaChart>是一种以面积作为表示方式
<mx:AxisRenderer>是一种轴图,股票交易常以这种方式表示
<mx:BarChart>是柱状图
<mx:BubbleChart>气泡图
<mx:CandlestickChart>一种比较有趣的图,”涨”跟”跌”的颜色会不一样
<mx:CategoryAxis>跟AxisRenderer很像
<mx:ColumnChart>跟<mx:BarChart>很像
<mx:DateTimeAxis>以日期为轴的折线图
<mx:GridLines>多条线图
<mx:HLOCChart>跟AxisRenderer很像
<mx:Legend>图例,离散的点
<mx:LinearAxis>Axis系列
<mx:LineChart>折线图
<mx:LogAxis>Axis系列
<mx:PieChart>饼图
<mx:PlotChart>跟Legend很像
1.Resize
尺寸调整效果,改变组件的长和宽。当改变组件的长和宽时,处于同一个容器的其他组件的大小也可能会相应改变,如果该容器使用了绝对定位则不会发生这种情况。
<?xml version="1.0"?> <!-- Simple example to demonstrate the Effect class. --> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Script> <![CDATA[ import mx.controls.Alert; // Event handler for the effectEnd event. private function endEffectHandler():void { Alert.show("Effect Ended!"); } // Event handler for the reset button. private function resetHandler():void { expand.end(); img.width=30; img.height=60; button1.enabled=true; } ]]> </mx:Script> <mx:Resize id="expand" target="{img}" widthTo="100" heightTo="200" duration="10000" effectEnd="endEffectHandler();"/> <mx:Panel title="Resize Effect Example" width="100%" height="100%" paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10"> <mx:Text width="100%" color="blue" text="Use the Button controls to control the Resize effect."/> <mx:Image id="img" width="30" height="60" source="@Embed(source='1.jpg')"/> <mx:ControlBar> <mx:Button id="button1" label="Start" click="expand.play(); button1.enabled=false;"/> <mx:Button label="Pause" click="expand.pause();"/> <mx:Button label="Resume" click="expand.resume();"/> <mx:Button label="Reverse" click="expand.reverse();"/> <mx:Button label="End" click="expand.end();"/> <mx:Button label="Reset" click="resetHandler();"/> </mx:ControlBar> </mx:Panel> </mx:Application>
2.Glow
发光效果,使用了GlowFilter 滤镜。当对组件使用了该效果,不可再使用GlowFilter 滤镜和其他发光效果。
<?xml version="1.0" encoding="utf-8"?> <!-- Simple example to demonstrate the Glow effect. --> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Glow id="glowImage" duration="1000" alphaFrom="1.0" alphaTo="0.3" blurXFrom="0.0" blurXTo="50.0" blurYFrom="0.0" blurYTo="50.0" color="0x00FF00"/> <mx:Glow id="unglowImage" duration="1000" alphaFrom="0.3" alphaTo="1.0" blurXFrom="50.0" blurXTo="0.0" blurYFrom="50.0" blurYTo="0.0" color="0x0000FF"/> <mx:Panel title="Glow Effect Example" width="75%" height="75%" paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10"> <mx:Text width="100%" color="blue" text="Click and hold the mouse on the image to see glowImage effect. Release the mouse to see unglowImage effect."/> <mx:Image source="@Embed(source='1.jpg')" mouseDownEffect="{glowImage}" mouseUpEffect="{unglowImage}"/> </mx:Panel> </mx:Application>
3.Iris
彩虹效果,组件以矩形方式,从中心放大或缩小到中心。属于遮罩效果。
<?xml version="1.0"?> <!-- Simple example to demonstrate the Iris effect. --> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Iris id="irisOut" duration="1000" showTarget="true"/> <mx:Iris id="irisIn" duration="1000" showTarget="false"/> <mx:Panel title="Iris Effect Example" width="75%" height="75%" paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10"> <mx:Text width="100%" color="blue" text="Use the Iris effect to show or hide the phone image."/> <mx:Image id="flex" source="@Embed(source='1.jpg')" visible="{cb1.selected}" showEffect="{irisIn}" hideEffect="{irisOut}"/> <mx:CheckBox id="cb1" label="visible" selected="true"/> </mx:Panel> </mx:Application>
发表评论
-
Flex 记住密码
2012-09-01 15:08 12331 在密码正确的情况下,如果“记住密码”是选中的,那么将用户名 ... -
FlexClient、MessageClient、FlexSession
2012-08-16 09:17 877服务端FlexClient、MessageClient、Fle ... -
Flex加密算法设计方案
2012-07-31 10:09 1123对于 Web 应用程序,安全登录是很重要的。 ... -
Flex 读取 bmp 格式的图片
2012-07-07 14:34 2538现在要求把后台bmp格式的图片,在flash中显 ... -
flex项目中用到了关于时间的计算
2012-07-05 11:11 18901.计算两时间的差值 var date1:Date ; var ... -
使用搜索的关键字过滤DataGrid的行
2012-06-09 14:39 778这里主要展示如何使用搜索的关键字过滤DataGrid的行。其实 ... -
flex的取整(取数)数学运算实例
2012-06-05 20:23 2527<?xml version="1.0&q ... -
自动获得flex中输入框焦点
2012-05-18 08:51 709//在html页面中增加 //swfname--为sw ... -
Flex 滚动条样式设置
2012-04-27 18:00 2559滚动条滚动慢问题:verticalLineScrollSize ... -
Flex组件优化 callLater
2012-04-11 11:29 893Flash & Flex组件优化的杀手锏call ... -
async-threading
2012-04-10 16:09 931开源项目async-threading能使as3支持多线 ... -
Flex异步令牌AsyncToken的用法介绍
2012-04-10 14:03 776什么是AsyncToken?官方文档是这样描述的:&q ... -
Arcgis Symbol
2012-04-07 17:02 7306ArcGIS Engine9.3为开发人员提供了32种符号,主 ... -
ArcGis api for flex 中 Map控件的属性
2012-03-24 17:43 4027<?xml version="1.0&q ... -
关于Flex屏蔽默认右键菜单
2012-03-21 11:34 8971.如果你是Desktop Application 监听事件 ... -
Flex异步令牌AsyncToken的用法介绍
2012-03-14 18:20 714什么是AsyncToken?官方文档是这样描述的:&quo ... -
Flex session和HTTP session过期时间(timeout)的设置方法
2012-03-13 17:52 1471<!-- --> 以下设置的time ... -
FLEX使用remoteobject交互结合spring AOP思想控制项目权限
2012-03-13 17:50 1376本文介绍如何用FLEX+SPRING 使用remoteo ... -
Flex Alert组件使用方法
2012-03-13 13:39 1056Flex Alert组件使用方法,通过Alert.show(. ... -
FlexGlobals.topLevelApplication
2012-03-12 16:00 5866在Flex 3读取HTML页面的flashvars的变量需要使 ...
相关推荐
Flex 组件Flex 组件Flex 组件Flex 组件Flex 组件
flex组件之行为和特效组件实例源码,包括22个实例,有多种特效
一些flex组件的用法! flex组件用法。 自定义控件
flex组件的详细介绍,对每一个组件都有示例代码,即看即用,并附有所有组件效果图。
这个是我一直在用的针对于组件全屏的一个类,这里是页面上的某个组件全屏,而不是整个页面全屏。 这是原始的库了,里面少了一个针对按下ESC键的处理,这个在使用的时候可以自己加,另外一个问题就是由于这个库是FLEX...
演示 Flex 3.0 中的各种动画效果(effect)的应用 • Zoom - 放大/缩小 • Wipe - 从上/下/左/右 4 个方向 线性渐变地 对控件做 删除/显示 • Rotate - 旋转 • Resize - 调整控件大小 • Fade - 淡入/淡出 • ...
Flex 动画效果 Flex教程 Flex特效 全面讲解flex特效制作,特别是自定义特效
flex组件的所有源文件 flex组件的所有源文件 flex组件的所有源文件 flex组件的所有源文件
flex 组件外观样式效果显示
详细介绍了flex 组件的功能。是一个不错的参考文档哦!
flex特效学习,提供了很多Flex组件-行为与特效类组件
flex组件时间轴,在flex项目中都有使用的案例,用来设置时间和范围具有很好的作用
flex 组件关系图,让你了解所有组件之前的关系。
flex 组件 保存为图片flex 组件 保存为图片flex 组件 保存为图片flex 组件 保存为图片flex 组件 保存为图片flex 组件 保存为图片flex 组件 保存为图片
Flex3组件介绍,包含flex3的所有组件介绍并有例子
flex组件保存为图片,弹出保存对话框,更改保存路径,图片名。
研究Flex 组件声明周期,了解组件的生成步骤
关于Flex2的几个行为动画的源码
支持手动拖拽缩放flex组件的组件,com.janisRadins.zip
动画颜色flex源码动画颜色flex源码动画颜色flex源码动画颜色flex源码动画颜色flex源码动画颜色flex源码动画颜色flex源码动画颜色flex源码动画颜色flex源码动画颜色flex源码动画颜色flex源码动画颜色flex源码动画颜色...