用flex如何显示数字时钟
通过Flex中的Timer可是实现数字时钟的效果,其效果图如下:
实现的代码如下:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
<!--[CDATA[
import mx.formatters.DateFormatter;
import flash.utils.Timer;
import flash.events.TimerEvent;
private function init():void {
var timer:Timer = new Timer(1000);
timer.addEventListener(TimerEvent.TIMER, this.resetNow);
timer.start();
}
private function resetNow(event:TimerEvent):void {
// 获取登录时间和日期
var dateFormatter:DateFormatter = new DateFormatter();
dateFormatter.formatString = "YYYY 年 MM 月 DD 日";
var time:String = new Date().toLocaleTimeString();
var date:String = dateFormatter.format(new Date());
this.date.text = date;
this.clock.text = time;
}
]]-->
</mx:Script>
<mx:Style>
Application {
font-size: 12;
}
</mx:Style>
<mx:Text id="date" text="" creationComplete="this.init()" x="10" y="20" width="150" top="23"/>
<mx:Text id="clock" text="" creationComplete="this.init()" x="180" y="20" width="150" top="23"/>
</mx:Application>
相关文档:
下面说一下我理解后的用法吧。仅仅是个记录啦……-。-貌似没什么技术含量。
首先,给validator起个id不用多说啦;
required 是个boolean类型的值,大致的意思是说,验证的这个值是不是必须的(这不是废话嘛?不是必须的,我干嘛要验证……)好吧,设置为true;
requiredFieldError 这个东 ......
<?xml version="1.0" encoding="utf-8"?>
<!-- Simple example to demonstrate the Zoom effect. -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Style />
<mx:Script>
& ......
根据别人写了类,自己又增加了一部分,贴出来分享
/*获得两个日期之差 */
public static function getDateDiff(startDate:Date, endDate:Date):int
{
var diff:Number = (Number(endDate) - Number(startDate))/(3600000*24);
return diff;
}
/* 获得现在日期 */
public static function getDate() ......
最近看了一下Flex嵌入字体的方法,把最后使用的方法记录下来,以备后用。
首先加入如下样式,
<mx:Style>
@font-face {
src:url("assets/jdzy.ttf");
fontFamily: myFont;
advancedAntiAliasing: true;
}
.myShowFont {
fontFamily: myFont;
}
</mx:Style>
再将需 ......