• 【设为首页】
  • 【收藏闪客居】
当前位置：主页>Flex>文章内容
  • Flex中如何利用标签创建一个具有走马灯效果对象的例子
  • 来源：minidx.com 作者：Minidxer 2008-10-09 【大 中小】


接下来的例子演示了Flex中如何利用标签，创建一个具有走马灯效果对象。

让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：

下面是完整代码(或点击这里察看)：

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.         layout="vertical"
  4.         verticalAlign="middle"
  5.         backgroundColor="white">
  6.  
  7.     <mx:Script>
  8.         <![CDATA[
  9.             private function fade_click():void {
  10.                 fader.stop();
  11.                 fader.play([box]);
  12.             }
  13.  
  14.             private function wipe_click():void {
  15.                 wiper.stop();
  16.                 wiper.play([box]);
  17.             }
  18.         ]]>
  19.     </mx:Script>
  20.  
  21.     <mx:Sequence id="fader">
  22.         <mx:Fade alphaFrom="0.0" alphaTo="1.0" />
  23.         <mx:Pause duration="{slider.value}" />
  24.         <mx:Fade alphaFrom="1.0" alphaTo="0.0" />
  25.     </mx:Sequence>
  26.  
  27.     <mx:Sequence id="wiper">
  28.         <mx:SetPropertyAction name="alpha" value="1.0" />
  29.         <mx:WipeRight showTarget="true" />
  30.         <mx:Pause duration="{slider.value}" />
  31.         <mx:WipeRight showTarget="false" />
  32.         <mx:SetPropertyAction name="alpha" value="0.0" />
  33.     </mx:Sequence>
  34.  
  35.     <mx:ApplicationControlBar dock="true">
  36.         <mx:Button label="fade box"
  37.                 click="fade_click();" />
  38.         <mx:Button label="wipe box"
  39.                 click="wipe_click();" />
  40.  
  41.         <mx:Spacer width="100%" />
  42.  
  43.         <mx:Label text="effect pause ({slider.value} ms):" />
  44.         <mx:HSlider id="slider"
  45.                 minimum="1000"
  46.                 maximum="3000"
  47.                 value="1500"
  48.                 labels="[1000,2000,3000]"
  49.                 liveDragging="true"
  50.                 showTrackHighlight="true"
  51.                 snapInterval="100"
  52.                 tickInterval="500"
  53.                 dataTipPrecision="0" />
  54.     </mx:ApplicationControlBar>
  55.  
  56.     <mx:Box id="box"
  57.             width="100%"
  58.             height="100%"
  59.             backgroundColor="haloSilver"
  60.             alpha="0.0" />
  61.  
  62. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子



上一篇：Flex中如何通过tabStyleName, tabWidth和textAlign样式设置TabBar控件内文本对齐方式   下一篇：在windows下 让 FireFox 2.0 和 3.0 共存
最新评论
  • 用户名：（新注册） 密码： 匿名评论
  • 评论内容：(不能超过250字，需审核后才会公布，请自觉遵守互联网相关政策法规)
·比Flex Component Explorer更强大 ·3种减少Flex文件大小的方法
·Flex Thread Libray ·Flex SDK新版本动态
·关于在Flex3.2.0组件中使用Vector ·Amazon的Windowshopbeta
·SlideRocket发布正式版本 ·FB plugin: IDE Factory
·一个免费培训Flex的网站 ·FlexDeveloper必备工具之测试篇
推荐内容
·Flex 4 SDK Downloads(下载)
·Adobe Photoshop Express 上线
·Flex 3 和AIR 1.0 发布
·Flex 3 b1 相关资源
辅助软件
·FlexDeveloper必备工具之测试篇
·Sothink FLV Converter 1.0 - FLV 视频转换
·Flash实时调试器分享下载 — AGE Live Debu
·支持Actionscript 3.0 的UML工具
·正则表达测试工具(RegexTestTool)
·AS3.0(ActionScript3.0)的开发工具
·ThunderBoltAS3-Flex/Flash调试器
·分享两个as3代码混淆器
·AIR开发的as3 swf加密工具(测试还不错)
·SWF Encrypt 5.0 Beta下载试用
·生成flash的set get代码的小工具
·实用的flex 矢量转换程序
·创业路

Copyright © 2006-2008 flashas.net All Rights Reserved.
网站内容咨询： admin#flashas.net （#为@） 联系QQ：：40777822 浙ICP备06033001号
（本网站最佳浏览解析度为1024*768, 建议使用IE 6.0或以上版本浏览器。）