`
lyang0000
  • 浏览: 26227 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Flex Timer小例子

    博客分类:
  • FLEX
阅读更多

写了一个timer的跑马灯小例子,发现flex的timer功能还是比setInterval要强,可以动态改变时间间隔,这个功能很有用,可以做出很多有趣的东西来

 

例子没有写的很仔细,不过改动改动可以做出一些效果来,呵

 

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
	<mx:Script>
		<![CDATA[
			import mx.controls.Alert;
			private var pid:int = 0;
			private var tm:Timer;
			
			private function start():void{
				sel();
				var i:int = this.randRange(56,70);
				tm = new Timer(20,i);
				tm.addEventListener(TimerEvent.TIMER,onTimer);
				tm.addEventListener(TimerEvent.TIMER_COMPLETE,onComplete);
				tm.start();
			}
			
			private function onTimer(e:TimerEvent):void{
				sel();
				pid++;
				if(pid>13) pid=0;
				if(tm.currentCount > 42){
					tm.delay = 20 + (tm.currentCount-42)*20;
				}
			}
			
			private function onComplete(e:TimerEvent):void{
				if(pid>0){
					Alert.show(main.getChildren()[pid-1].text);
				}
				else{
					Alert.show(main.getChildren()[13].text);
				}
				tm.removeEventListener(TimerEvent.TIMER,onTimer);
				tm.removeEventListener(TimerEvent.TIMER_COMPLETE,onComplete);
				tm = null;
			}
			
			private function sel():void{
				var n:int;
				if(pid==0) n = 13;
				else n=pid-1;
				main.getChildren()[n].setStyle('backgroundColor','white');
				main.getChildren()[pid].setStyle('backgroundColor','red');
			}
			
			private function randRange(min:Number, max:Number):Number {
    			var randomNum:Number = Math.floor(Math.random() * (max - min + 1)) + min;
   				 return randomNum;
			} 
		]]>
	</mx:Script>
	
	<mx:Canvas id="main" x="61.5" y="56" width="651" height="455" backgroundColor="#FFFFFF">
		<mx:TextArea x="42" y="38" width="83" height="70" text="苹果"/>
		<mx:TextArea x="152" y="38" width="83" height="70" text="葡萄"/>
		<mx:TextArea x="267" y="38" width="83" height="70" text="柿子"/>
		<mx:TextArea x="378" y="38" width="83" height="70" text="李子"/>
		<mx:TextArea x="500" y="38" width="83" height="70" text="栗子"/>	
		<mx:TextArea x="500" y="126" width="83" height="70" text="梨"/>
		<mx:TextArea x="500" y="217" width="83" height="70" text="一等"/>
		<mx:TextArea x="500" y="315" width="83" height="70" text="二等"/>
		<mx:TextArea x="397" y="315" width="83" height="70" text="三等"/>
		<mx:TextArea x="267" y="315" width="83" height="70" text="四等"/>
		<mx:TextArea x="152" y="315" width="83" height="70" text="五等"/>	
		<mx:TextArea x="42" y="315" width="83" height="70" text="六等"/>
		<mx:TextArea x="42" y="217" width="83" height="70" text="七等"/>
		<mx:TextArea x="42" y="126" width="83" height="70" text="八等"/>	
	</mx:Canvas>
	<mx:Button x="352" y="519" label="start" fontSize="12" click="start();"/>
</mx:Application>

 

分享到:
评论

相关推荐

    FLEX关于TIMER控件和POPUPMANAGER弹出框的例子

    有代码,可以改变datagrid的每行的颜色,popupManager的移动和消失效果

    Flex 时间问题

    这篇文档主要介绍的是如何在Flex应用中实现一个倒计时功能。Flex是一个开源的ria(Rich Internet...这个例子展示了Flex如何结合ActionScript和MXML来实现动态交互的功能,对于学习Flex编程和时间处理是非常实用的示例。

    flex简单时钟制作(flex学习)

    Flex框架提供了一个名为`mx.controls.Clock`的基础组件,但在这个例子中,我们可能需要自定义一个组件,因为标准的`Clock`组件可能不包含所有我们需要的功能。为此,我们可以在AS3类文件中创建一个新的组件,例如`...

    Flex效果示例3个(加载图片+卷帘门+控件移动)

    这个例子展示了如何用GreenSock库创建一个从左向右展开的卷帘门效果。 3. **Flex控件移动** 控件在Flex中的移动可以通过修改其`x`和`y`坐标来实现。可以使用`Timer`或`ENTER_FRAME`事件来控制移动的节奏。例如,...

    flex的时间控件用法

    本篇文章将深入探讨“flex的时间控件用法”,特别是基于Timer控件的一个简单示例,非常适合初学者学习。 Timer控件是ActionScript 3.0中的一个关键组件,它允许我们在指定的时间间隔内重复调用一个函数或执行一段...

    flex画线动画示例.txt

    在这个例子中,`&lt;mx:Application&gt;` 标签定义了一个基本的Flex应用程序,设置了宽度、高度等布局属性。 ### 三、Canvas元素 在MXML代码中,`&lt;mx:Canvas&gt;` 被用来定义一个画布,这是一个容器组件,可以在其中绘制...

    flex题目大全

    根据给定文件的信息,我们可以总结出一系列与Flex和ActionScript 3(AS3)相关的知识点。下面的内容将针对每一个问题进行详细的解答。 ### Flex及AS3基础知识 #### 1. AS3语言中,Array里面是不是可以放不同类型?...

    flex api 4.0 中文帮助文档

    这个例子结合了前面所学的知识点,演示了如何实时地更新和显示时间。 #### 第2章:使用字符串 **2.1 字符串基础知识** 字符串是ActionScript 3.0中最常用的数据类型之一。这部分内容介绍了字符串的基本概念和常用...

    FLEX 图片切换广告 xml做配置文件

    在这个例子中,`advertisements`是根元素,每个`advertisement`元素代表一个广告,其中`image`、`link`和`duration`分别表示图片路径、点击链接和展示时长。 接下来,我们将在FLEX项目中创建`AdImagePlayer`组件。...

    flex开发游戏.pdf

    在这个例子中,`updateState`方法是抽象的,由具体的游戏对象(如花朵)重写,以根据`timeSpan`更新自身状态。通过这样的设计,我们可以轻松地扩展游戏,添加新的对象和行为,同时保持代码的整洁和模块化。 综上所...

    DistortionEffects简单应用

    我们将通过标题和描述中的例子来解析如何创建一个每隔30秒自动旋转,并且可以通过点击按钮触发旋转的Flex应用程序。 首先,我们需要了解Flex的基本结构。Flex是基于ActionScript 3.0的开源框架,用于构建富互联网...

    flex开发游戏[借鉴].pdf

    传统的做法可能涉及到使用Timer类,但这种方式在处理多个独立对象或需要精确时间同步的场景时,往往会出现局限性。 如标题和描述中提到的,使用`Event.ENTER_FRAME`事件监听器作为控制流的入口是一种更有效的方法。...

    (KinetisK60)FTM输入捕捉中断4.pdf

    在本文中,我们将深入探讨基于Kinetis K60微控制器的FTM(FlexTimer Module)输入捕捉中断的实现。这个例子展示了如何配置FTM模块来实现PWM输出以及设置输入捕捉中断,同时利用PIT(Periodic Interrupt Timer)进行...

    actionscript例子源码

    在ActionScript中,Timer类是用于在指定间隔后重复执行某个函数的关键工具。UsingTimers2.fla示例可能演示了如何创建和管理计时器,以实现周期性的动画效果或者执行定时任务。例如,你可以学习到如何设置计时器的...

    xml方式载入图片自动轮换显示

    在这个例子中,`imageGallery`是根元素,每个`image`元素代表一张图片,`url`和`delay`是属性,分别表示图片的路径和轮播间隔时间。 接下来,我们将使用ActionScript 3.0来解析这个XML文件并实现图片轮换。...

    用AS3写的滚动字幕

    标题中的“用AS3写的滚动字幕”是指使用ActionScript 3.0,这是一种基于ECMAScript的脚本语言,广泛应用于Adobe Flash Professional和Flex框架中。ActionScript 3.0是Flash Player支持的主要编程语言,它为创建交互...

    FLASH 模拟植物大战僵尸效果代码

    例如,豌豆射手可以通过时间间隔触发发射子弹的动画,这需要利用AS3的Timer类和Tween类来实现平滑的动画过渡。 僵尸的实现同样复杂。每个僵尸有自己的行为模式,如直线行走、随机跳跃或者追逐目标。这些行为可以...

    javascript+css,仿iphone的精美计时器

    以下是一个简单的例子,展示了如何设置计时器的背景、字体样式以及元素间距: ```css #timer { background-color: #f2f2f2; border-radius: 8px; padding: 16px; display: flex; justify-content: center; ...

    LS1043ARM.pdf

    3.8 FlexTimer模块(FTM):提供灵活的定时和计数功能。 3.9 集成闪存控制器(IFC):支持NAND、NOR和eMMC(eMMC控制器)闪存。 3.10 USB控制器和PHY:支持USB 2.0和USB 3.0标准,方便连接各种USB设备。 3.11 高速I/...

Global site tag (gtag.js) - Google Analytics