flex_(8)事件处理_闹钟示例；

=>AlarmClockApp.mxml

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
  xmlns:s="library://ns.adobe.com/flex/spark" 
  xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"
  pageTitle="TheStudioOfCenyebao" xmlns:alarmClock="com.cen.programmingas3.alarmClock.*"
  creationComplete="creationCompleteHandler(event)">
<fx:Script>
<![CDATA[
import com.cen.programmingas3.alarmClock.AlarmEvent;

import mx.events.FlexEvent;

protected function creationCompleteHandler(event:FlexEvent):void
{
clock.addEventListener(AlarmEvent.ALARM, onAlarm);

/**
* Adds 60 seconds to the current time and preloads the alarm fields*/
var alarmTime:Date = new Date();
alarmTime.setTime(alarmTime.time + 60000);
hourNs.value = alarmTime.hours;
minuteNs.value = alarmTime.minutes;
trace("=>alarmTime.hours:"+alarmTime.hours + "; alarmTime.minutes:" + alarmTime.minutes);
}

/**
* 闹钟闹时监听函数*/
private function onAlarm(event:AlarmEvent):void
{
alarmTimeTxt.text = event.message;
}

/**
* 处理分钟函数：有必要时添加零；*/
private function padZeroes(numStr:String, desiredLength:uint = 2):String
{
if(numStr.length < desiredLength) {
for(var i:int = 0; i<(desiredLength - numStr.length); i++) {
numStr = "0" + numStr;
}
}
return numStr;
}

protected function setAlarmBtn_clickHandler(event:MouseEvent):void
{
var alarmTime:Date = clock.setAlarm(hourNs.value, minuteNs.value, messageTxt.text);
alarmTimeTxt.text = "Alarm Time:" + alarmTime.hours + ":" + padZeroes(alarmTime.minutes.toString());
}

]]>
</fx:Script>

<!--闹钟DEMO-->
<s:VGroup width="650" height="100%" horizontalCenter="0" verticalCenter="0">
<s:HGroup width="100%" height="200">
<alarmClock:AlarmClock id="clock" creationComplete="clock.initClock()"/>
</s:HGroup>
<s:HGroup width="100%"  verticalAlign="bottom">
<s:Label text="Message:"/>
<s:TextInput id="messageTxt" width="100%" text="Wake up!"/>
</s:HGroup>
<s:HGroup width="100%" verticalAlign="bottom">
<s:NumericStepper id="hourNs" stepSize="1" minimum="0" maximum="23" textAlign="right" width="50"/>
<s:Label text="时"/>
<s:NumericStepper id="minuteNs" stepSize="1" minimum="0" maximum="59" textAlign="right" width="50"/>
<s:Label text="分"/>
<s:Button id="setAlarmBtn" label="闹钟设置" click="setAlarmBtn_clickHandler(event)"/>
</s:HGroup>
<s:Label id="alarmTimeTxt" width="100%" text="Alarm Time: not set"/>
</s:VGroup>
</s:Application>

=>AnalogClockFace.as

package com.cen.programmingas3.alarmClock
{
import flash.display.Shape;
import flash.text.TextField;
import flash.text.TextFormat;

import mx.core.UIComponent;

/**
* 时钟界面组件类
* @author cen
*/
public class AnalogClockFace extends UIComponent
{
/**
* 属性*/
/*宽度*/
public var w:uint = 200;
/*长度*/
public var h:uint = 200;
/*半径*/
public var radius:uint;
/*圆点坐标*/
public var centerX:int;
public var centerY:int;
/*时针*/
public var hourHand:Shape;
public var hourHandColor:uint = 0x003366;
/*分针*/
public var minuteHand:Shape;
public var minuteHandColor:uint = 0x000099;
/*秒针*/
public var secondHand:Shape;
public var secondHandColor:uint = 0xCC0033;
/*背景颜色*/
public var bgColor:uint = 0xEEEEFF;
/*当前时间*/
public var currentTime:Date;

/**
* 构造函数
*/
public function AnalogClockFace(w:uint)
{
/*长度*/
this.w = w;
this.h = w;

/*半径*/
this.radius = Math.round(this.w/2);

/*圆点坐标*/
this.centerX = this.radius;
this.centerY = this.radius;
}

/**
* (手动调用)初始化函数：绘制轮廓；
* Creates the outline, hour labels, and clock hands.
*/
public function init():void {
// 绘制圆圈
drawBorder();

// 绘制文本标志
drawLabels();

// 绘制时、分、秒针
createHands();
}

/**
* 绘制圆圈
*/
private function drawBorder():void
{
graphics.lineStyle(0.5, 0x999999);
graphics.beginFill(bgColor);
graphics.drawCircle(centerX, centerY, radius);
graphics.endFill();
}

/**
* 绘制文本标志：绘制1-12的小时标志；
*/
private function drawLabels():void
{
for(var i:Number = 1; i<=12; i++) {
/*显示文本*/
var label:TextField = new TextField();
label.text = i.toString();

/*相对于12点方向来说，每个方向的弧度*/
var angleInRadians:Number = i * 30 * (Math.PI/180);

/*设置显示文本位置*/
label.x = centerX + (0.9 * radius*Math.sin(angleInRadians)) - 5;
label.y = centerY - (0.9 * radius*Math.cos(angleInRadians)) - 9;

/*设置文本样式*/
var tf:TextFormat = new TextFormat();
tf.font = "Arial";
tf.bold = "true";
tf.size = 12;
label.setTextFormat(tf);

/*添加到显示列表*/
addChild(label);
}
}

/**
* 绘制指针的通用方法
* Draws a clock hand with a given size, color, and thickness.
* @param hand
* @param distance
* @param color
* @param thickness
*/
private function drawHand(hand:Shape, distance:uint, color:uint, thickness:Number):void
{
hand.graphics.lineStyle(thickness, color);
hand.graphics.moveTo(0, distance);
hand.graphics.lineTo(0, 0);
}

/**
* 绘制时、分、秒针
* Creates hour, minute, and second hands using the 2D drawing API.
*/
private function createHands():void
{// 注意：刚开始的时候，指针都指向6点钟方向；
// 使用Shape控件是因为她是支持2D绘制API的最简单的组件；
/*时针*/
var hourHandShape:Shape = new Shape();
drawHand(hourHandShape, Math.round(radius*0.5), hourHandColor, 3.0);
this.hourHand = Shape(addChild(hourHandShape));// 添加进显示列表后，再进行位置的设置；
this.hourHand.x = centerX;
this.hourHand.y = centerY;

/*分针*/
var minuteHandShape:Shape = new Shape();
drawHand(minuteHandShape, Math.round(radius*0.8), minuteHandColor, 2.0);
this.minuteHand = Shape(addChild(minuteHandShape));
this.minuteHand.x = centerX;
this.minuteHand.y = centerY

/*秒针*/
var secondHandShape:Shape = new Shape();
drawHand(secondHandShape, Math.round(radius*0.9), secondHandColor, 0.5);
this.secondHand = Shape(addChild(secondHandShape));
this.secondHand.x = centerX;
this.secondHand.y = centerY;
}

/**
* (手动调用)渲染指针
*/
public function draw():void{
// 保存当前时间
currentTime = new Date();
showTime(currentTime);
}

/**
* 根据当前时间渲染指针
* @param time
*/
private function showTime(time:Date):void
{
// 提取时间各个部分值
var seconds:uint = time.getSeconds();
var minutes:uint = time.getMinutes();
var hours:uint = time.getHours();

/**
* 顺时针旋转角度(5秒钟30度，那1秒钟就旋转6度)*/
this.secondHand.rotation = 180 + (seconds * 6);
this.minuteHand.rotation = 180 + (minutes * 6);

/**
* 顺时针旋转角度(60分钟30度，那1分钟就旋转0.5度)*/
this.hourHand.rotation = 180 + (hours * 30) + (minutes * 0.5);
}
}
}

=>SimpleClock.as

package com.cen.programmingas3.alarmClock
{
import flash.events.TimerEvent;
import flash.utils.Timer;

import mx.core.UIComponent;


/**
* 时钟类：具有简单走时功能；
* @author cen
*/
public class SimpleClock extends UIComponent
{
/**
* 属性*/
/*钟面*/
public var face:AnalogClockFace;
/*计时器*/
public var ticker:Timer;
/*常量*/
public static const millisecondsPerMinute:int = 1000 * 60; //一分钟毫秒数；
public static const millisecondsPerHour:int = 1000 * 60 * 60; // 一个小时毫秒数；
public static const millisecondsPerDay:int = 1000 * 60 * 60 * 24; // 一天毫秒数；

/**
* 初始函数
* @param faceSize
*/
public function initClock(faceSize:Number = 200):void
{
/**
* 实例化钟面并添加到显示列表*/
face = new AnalogClockFace(Math.max(20, faceSize));
face.init(); // 手动调用init()方法进行初始渲染；
addChild(face);

/*绘制指针*/
face.draw();

/**
* 每秒触发一次计时器*/
ticker = new Timer(1000);
ticker.addEventListener(TimerEvent.TIMER, onTick);

/*开始计数*/
ticker.start();
}

/**
* 计数函数
* @param event
*/
private function onTick(event:TimerEvent):void
{
// 刷新钟面
face.draw();
}
}
}

=>AlarmEvent.as

package com.cen.programmingas3.alarmClock
{
import flash.events.Event;

/**
* 自定义闹钟事件：新添数据信息；
* @author cen
*/
public class AlarmEvent extends Event
{
/*事件类型*/
public static const ALARM:String = "alarm";

/**
* 信息属性
* A text message that can be passed to an event handler
* with this event object.*/
public var message:String;

/**
* 构造函数
* @param message
*/
public function AlarmEvent(message:String = "ALARM!")
{
super(ALARM);

this.message = message;
}

/**
* 克隆函数
* Creates and returns a copy of the current instance.
* @return 
*/
public override function clone():Event
{
return new AlarmEvent(message);
}

/**
* Returns a String containing all the properties of the current instance.
* @return A string representation of the current instance.
*/
public override function toString():String
{
return formatToString("AlarmEvent", "type", "bubbles", "cancelable", "eventPhase", "message");
}
}
}

=>AlarmClock.as

package com.cen.programmingas3.alarmClock
{
import flash.events.TimerEvent;
import flash.utils.Timer;

/**
* 闹钟类
* @author cen
*/
public class AlarmClock extends SimpleClock
{
/**
*=>属性*/
/*闹钟时间*/
public var alarmTime:Date;
/*闹钟提示信息*/
public var alarmMessage:String;
/*闹钟计数器*/
public var alarmTimer:Timer;
/*1天毫秒数*/
public static var MILLISECONDS_PER_DAY:Number = 1000 * 60 * 60 * 24;


/**
* 初始化函数
* @param faceSize
*/
public override function initClock(faceSize:Number = 200):void{
super.initClock(faceSize);

alarmTimer = new Timer(0, 1);
alarmTimer.addEventListener(TimerEvent.TIMER, onAlarm);
}

/**
* 计数函数
* @param event
*/
private function onAlarm(event:TimerEvent):void
{
trace("=>Alarm!");

/**
* 调度事件_通知其他闹钟响咯*/
var alarm:AlarmEvent = new AlarmEvent(this.alarmMessage);
this.dispatchEvent(alarm);
}

/**
* 设置闹钟时间
* @param hour
* @param minutes
* @param message
* @return The time at which the alarm will go off.
*/
public function setAlarm(hour:Number = 0, minutes:Number = 0, message:String = "Alarm!"):Date
{
this.alarmMessage = message;

/*闹钟时间*/
var now:Date = new Date();
alarmTime = new Date(now.fullYear, now.month, now.date, hour, minutes);

/**
* determine(判断) if the specified time has already passed today*/
if(alarmTime <= now) {
alarmTime.setTime(alarmTime.time + MILLISECONDS_PER_DAY);
}

/*重置计数器*/
alarmTimer.reset();

/**
* 相当于当前，间隔多长触发*/
alarmTimer.delay = Math.max(1000, alarmTime.time - now.time);
alarmTimer.start();

return alarmTime;
}
}
}