.

edited by Emily Lin

ADOBE釋出flash AIR 已經有一段時間
不過目前國內還沒看到很多人在嘗試
上禮拜五終於灌了有AIR的新版FLASH
馬上來試試 簡易的 背景透明小時鐘
可以做不規則外觀透明背景
這樣就可以設計一套自己的 widget 在桌面摟~


STEP1. 開啟FLASH ,新增一個AIR檔 ,檔案->AIR設定 視窗樣式->自定顏色(透明)


STEP2. 數位簽名->變更 建立自己的憑證 密碼


STEP3.設計要顯示的時鐘背景


STEP4.製作時針(hours_mc),分針(minutes_mc),秒針(seconds_mc),記得中心點必須在最下方中間位置


STEP5.再把這三根對齊


STEP6.把三跟針的位置對齊錶面中心點 再製作一個關閉視窗按鈕(close_btn) (註.屬性為movieclip)


STEP7.寫上程式

stop();
//每一個frame都去讀取一次
TimeUpdate addEventListener(Event.ENTER_FRAME, TimeUpdate); //時間確認

function TimeUpdate(e:Event):void {
var my_date:Date = new Date();
trace(my_date.hours);
trace(my_date.minutes);
trace(my_date.seconds);
hours_mc.rotation=Number(my_date.hours)*30;//把數字換成角度
minutes_mc.rotation=Number(my_date.minutes)*6;//把數字換成角度
seconds_mc.rotation=Number(my_date.seconds)*6;//把數字換成角度
}

close_btn.buttonMode=true; close_btn.addEventListener(MouseEvent.CLICK, onClose);

function onClose(e:MouseEvent):void {
NativeApplication.nativeApplication.exit();//關閉視窗
}

//滑鼠按下開始拖拉至MOUSE_UP結束
body_mc.addEventListener(MouseEvent.MOUSE_DOWN, onDragStart);

function onDragStart(e:MouseEvent):void {
stage.nativeWindow.startMove();
alpha=0.5;
}

body_mc.addEventListener(MouseEvent.MOUSE_UP, onDragStop);

function onDragStop(e:MouseEvent):void {
alpha=1;
}

STEP8.再次檢查元件名稱是否有錯誤
時鐘背景=>body_mc
時針=>hours_mc
分針=>minutes_mc
秒針=>seconds_mc
關掉視窗=>close_btn
所有的元件屬性都是movieclip

STEP9.檔案=>AIR設定 發佈AIR檔 你就會得到一個副檔名是.air的檔
如果你還沒灌過air 請先灌AdobeAIRInstaller.exe (在adobe網站可以找到)
再灌了自己的檔案,就會得到:


背景透明,陰影的效果很好 就算背後有壓字也很漂亮


結束.enjoy it!