Flex特效使用大全(三)

Flex特效使用大全(三) 2010年11月22日　　4）Flex之Fade淡入淡出效果 　　Fade是一种淡入淡出效果，它通过设置的alpha属性来实现动画效果。当使用showEffect或hideEffect触发器设置Fade效果时，如果省略了alphaFrom和alphaTo属性的值，那么在showEffect触发器上目标对象的透明度将从0变化到目标的当前alpha值，而在hideEffect触发器上则会从当前的alpha值变化到0。如果要对字体使用Fade效果，必须使用嵌入字体。 　　下面的代码使用一个CheckBox对象设置Image的visible属性，通过hideEffect和showEffect触发器分别触发各自的Fade效果： 　　[1b] [1b][/1b] [1b][/1b] [1b][/1b] 　　[1b]5）Flex之Glow发光效果[/1b] 　　Glow是一种发光效果，该效果使用了flash.filters.GlowFilter滤镜类。如果对某个应用了Glow效果，就不能对该应用GlowFilter滤镜，也无法再次应用Glow效果。下面的代码通过Image对象的mouseDownEffect触发器触发Glow效果： 　　[1b][/1b] [1b][/1b] 　　[1b]6）Flex之Iris虹效果[/1b] 　　Iris效果通过扩展或收缩集中在目标上的矩形遮罩为效果目标设置动画。该效果可以从目标的中心放大遮罩来显示目标，也可以向中心收缩遮罩来隐藏目标。下面的代码使用一个CheckBox对象设置Image的visible属性，通过hideEffect和showEffect触发器分别触发各自的Iris效果： 　　[1b] [1b][/1b] [1b][/1b] [1b][/1b] 　　[1b]7）Flex之Move移动效果[/1b] 　　Move效果用来实现移动动画。在给定时间内，的位置会随时间变化而变化。使用该效果通常需要用到以下几个属性。 　　lxFrom和yFrom属性用来指定初始位置。 　　lxTo和yTo属性用来指定目标位置。 　　lxBy和yBy用来指定移动量，即在x轴向和y轴向上的移动速度。 　　通常只需要指定初始位置、目标位置或移动量这些值中的任意2个，Flex就会计算第3个值。如果指定所有这3个值，Flex就会忽略xBy和yBy值。如果仅指定xTo和yTo值或xBy和yBy值，那么Flex会将xFrom和yFrom设置为对象的当前位置。 　　下面的程序演示了如何使用Move效果。 　　代码清单MoveSample.mxml 　　[1b] [1b][/1b] [1b][/1b] [1b][/1b] [1b][/1b] [1b][/1b] [1b][/1b] 　　代码中将Application的layout属性设置为absolute，当用户在应用程序中任何位置上单击鼠标时，调用moveImage方法，该方法中首先停止Move效果，然后根据鼠标单击的位置设置目标位置，最后播放效果。 　　通常Move效果应用于使用绝对定位的容器（如Canvas）或使用“layout=absolute”的容器（如Application或Panel）中。如果需要将其应用到自动布局的容器（如VBox或Grid容器）中，虽然会移动目标对象，但下次容器更新其布局时，会将目标对象移回其原始位置。在这种情况下，可以将容器的autoLayout属性设置为false来禁止往回移动，但这会禁用容器中所有控件的布局。 评论
正在加载评论......