網(wǎng)上有很多很漂亮的月歷，也有很多月歷下載，不過今天我們來自己做一個，個性化的月歷。通過本文的制作練習，我們可以熟悉AS的Date對象、條件語句、循環(huán)語句、文本框控制等一些基礎的運用。
我們現(xiàn)在開始，打開flash，文檔大小設為500x600，以符合月歷的長寬比習慣。首先我們要導入一張圖片，作為月歷上半部分的圖畫，你當然以制作一些漂亮的flash來代替它。在場景中將第一層命名為“背景”，用矩形工具畫一500x600 的矩形，無筆觸，填充色用放射填充，與舞臺居中對齊。

圖1
新建一圖層，命名為圖片，在第一幀將導入的圖片拖到場景中，在屬性面板中調(diào)整其大小為500x280,在對齊面板中使其相對于舞臺水平居中、頂對齊，如圖：

圖2

接下來，新建一圖層，命名為：“星期”，在圖片的下面畫一文本框，屬性為：靜態(tài)文本、字體紅色，字體大小15,宋體。在文本框中輸入：“日 一 二 三 四 五 六”，每字之間空兩格。

圖3
現(xiàn)在，在再創(chuàng)建一個圖層，命名為:”月“。在場景下半部的中間畫一個文本框，打開屬性面板，設置文本框的屬性：設為動態(tài)文本，命名為：mon_txt,字體大小可設為最大，可直接在字體大小框輸入100.字體顏色選淺色調(diào)，我這里選粉紅色：mon_txt屬性設置如下：

圖4
接著來，新建一圖層，命名為：“日”，畫一文本框，大小約為：45x22屬性設為：動態(tài)文本，字體為黑色，宋體，字體大小13.選中文本框，按ctrl D,36次，復制36份，按每行7個，矩陣排列好，放于星期的下面。從第一個文本框開始，在屬性面板中將37個文本框，分別命名為：d0~d37,注意順序：先左后右，先上后下。

圖5
繼續(xù)，新建一圖層，命名為“年”，在日的下面，畫一文本框，文本框稍放在場景的左邊一點，為右邊的時鐘留下空間。屬性：動態(tài)文本，命名為:year_txt,字體：Stencil Std，大小65.
現(xiàn)在，新建一圖形元件，命名為“時間框”，在元件編輯面板中，畫一矩形，無筆觸，填充色為深灰色，大小為225x62,點擊繪制對象按鈕。最后用填充變形工具調(diào)整一下。

圖6

圖為繪制對象按鈕。
再畫一個矩形，大小為203x40,筆觸黑色，填充色為放射狀，如下：

圖7
將小矩形放于大矩形之上，居中。再用直線工具，顏色為灰色，將大小矩形四個角連起來。最后效果：

圖8
回到場景，新建一圖層，命名為：“時間”，將“時間框”控件從庫中拖到場景中，放于右下角，在時間框上面畫六個文本框，在第2、4、6個文本框中分別輸入：“時”、“分”、“秒”。將1、3、5個文本框，設為動態(tài)文本，分別命名為：“hh_txt” “mm_txt” “ss_txt”.如圖：

圖9
好了，到現(xiàn)在為止我們的畫面部分就完成了，按AS3的說法，顯示對象已做完了。最后的效果應該是這樣的：

圖10
好，現(xiàn)在我們開始來寫代碼，實際上這才是本文的重點。下面這些代碼是在AS3中實現(xiàn)的，不過這些代碼在AS2中應該也可以。
新建一圖層，命名為action,點擊第一幀，打開行為面板。開始寫吧：下面我們以逐步講解的方式，列出代碼，在最后，我將把代碼清單列出方便大家復制，如果你不想搞懂這些代碼，而是想直接拿來用的話，那么你可以跳到最后，將代碼清單中的代碼復制到 action圖層第一幀的行為面板中，然后，在action圖層第二幀插入關鍵幀，在行為面板中輸入：gotoAndPlay(1);即可。
在flash中時間和日期都要用到date對象，所以我們，首先要創(chuàng)建一個date對象，在第一行輸入：
以下為引用的內(nèi)容：
var date:Date = new Date();//創(chuàng)建一個名為date的Date對象。
接下來，我們利用剛創(chuàng)建的Date對象來獲取當前日期、時間：
以下為引用的內(nèi)容：
var year = date.getFullYear ();
var mon = date.getMonth();
var day = date.getDate();
var hh = date.getHours();
var mm = date.getMinutes();
var ss = date.getSeconds();
我們先讓時鐘走起來：
以下為引用的內(nèi)容：
hh_txt.text = hh;
mm_txt.text = mm;
ss_txt.text = ss;
在action圖層的第二幀，插入關鍵幀，在行為面板中輸入：
以下為引用的內(nèi)容：
gotoAndPlay(1);//有了這一句，時鐘才會走動。
現(xiàn)在可以點“控制“-”測試影片“，看看，時鐘應該開始起動了。回到場景，回到action圖層第一幀行為面板，我們接著上面的代碼，往下寫：
以下為引用的內(nèi)容：
year_txt.text = year;//在舞臺上顯示當前年號
mon_txt.text = mon 1//在舞臺上顯示當前月份，因為getMonth()返回的是0～11，0代表1月，依次，所以當前月份應該是mon 1.
年、月、時、分、秒都已經(jīng)顯示出來了，接下來我們來顯示日，要顯示日，有點麻煩，上面那些內(nèi)容在舞臺中只顯示一個，而日要顯示30個左右，而且每個月天數(shù)還不一樣。所以我們首先要確定，當前月的天數(shù)，我們將一年中每月的天數(shù)放到一個數(shù)組中，然后根據(jù)當前月份去找相應的數(shù)組元素就行了。
以下為引用的內(nèi)容：
var days:Array = [31,28,31,30,31,30,31,31,30,31,30,31];
現(xiàn)在問題又出來了，如果是潤年，2月是29天，而不是28天，所以又必須判斷當前年，是不是潤年，潤年是能被4整除并且不能被100整除或者能被400整除的年份，所以下面這樣寫：
以下為引用的內(nèi)容：
if (year%4 == 0 && year% 100 <> 0 || year@0 == 0) {
days.splice(1,1, 29);//將數(shù)組中第二個原素28用29替換。
}
var mondays = days[ mon ];//獲得當前月的天數(shù)。
var oneday:Date = new Date(year,mon,1);//創(chuàng)建一個本月1號的Date對象：oneday
var weekday = oneday.getDay ();//創(chuàng)建一個本月1號為星期幾的變量weekday, getDay()返回的是0～6的數(shù)字，0代表星期天，其它為相應的星期。

差不多了，我們可以顯示號數(shù)了：
以下為引用的內(nèi)容：
function showday () {
var i;
var j = weekday;
for ( i =1;i <= mondays;i ) {//從1號到當前月的天數(shù)循環(huán)。
this["d" j].text = i;//依次顯示號數(shù)
j = 1;
}
var today = (day weekday) -1;// 獲得今天的位置，即今天的號數(shù)加上1號的星期數(shù)，因為顯示號的文本框從d0開始，所以要減1.
this["d" today].textColor
= 0xFF0000;//將今天的日期顯示為紅色。
}
showday();

好了，應該差不多了，測試看看，那么現(xiàn)在一個當月的月歷已顯示出來了，而且今天的號數(shù)還以紅色高亮顯示。是不是還可以做點啥呢？對了，我們可以把節(jié)日，或你及親朋的生日，或是你覺得的重要日子提示并高亮顯示。很不幸的是，因為農(nóng)歷公歷對照的月歷制作太過麻煩，本文并不涉及農(nóng)歷，所以中國人民的很多傳統(tǒng)節(jié)日就無法高亮顯示了。
下面的代碼將對一些節(jié)日進行提示并高亮顯示：
以下為引用的內(nèi)容：
var jrname;
var jrday;
function showjrday ( ) {
this["d" jrday].autoSize = TextFieldAutoSize.LEFT;//設置顯示節(jié)日的文本框大小可調(diào)。
this["d" jrday].multiline = true;// 設置顯示節(jié)日的文本框為多行。
this["d" jrday].wordWrap = true;// 設置顯示節(jié)日的文本框可自動換行。
this["d" jrday].text = jrname; //將節(jié)日名稱賦給顯示節(jié)日的文本框。
this["d" jrday].textColor = 0xFF0000;//節(jié)日設為紅色。
}

下面的代碼，根據(jù)不同的節(jié)日，高亮顯示，你可以按下面的格式，將自己的重要日子加進去。
以下為引用的內(nèi)容：
switch (mon) {
case 0:

jrname = "1元旦"

jrday = (1 weekday) -1;

showjrday();
break;
case 1:
jrname = "14情人節(jié)";
jrday = (14 weekday) -1;
showjrday();
break;
case 2:
jrname = "8國際婦女節(jié)";
jrday = (8 weekday) -1;
showjrday();
break;
case 3:
jrname = "5清明節(jié)";
jrday = (5 weekday) -1;
showjrday();
break;
case 4:
jrname = "1國際勞動節(jié)";
jrday = (1 weekday) -1;
showjrday();
jrname = "4青年節(jié)";
jrday = (4 weekday) -1;
showjrday()
break;
case 5:
jrname = "1國際兒童節(jié)";
jrday = (1 weekday) -1;
showjrday();
break;
case 6:
jrname = "1建黨節(jié)";
jrday = (1 weekday) -1;
showjrday();
break;
case 7:
jrname = "1建軍節(jié)";
jrday = (1 weekday) -1;
showjrday();
break;
case 9:
jrname = "1國慶節(jié)";
jrday = (1 weekday) -1;
showjrday();
break;
case 11:
jrname = "25圣誕節(jié)";
jrday = (25 weekday) -1;
showjrday();
break;
}

完了，祝你成功！
代碼清單：
以下為引用的內(nèi)容：
var date:Date = new Date();
var year = date.getFullYear ();
var mon = date.getMonth();
var day = date.getDate();
var hh = date.getHours();
var mm = date.getMinutes();
var ss = date.getSeconds();
hh_txt.text = hh;
mm_txt.text = mm;
ss_txt.text = ss;
mon_txt.text = mon 1
var oneday:Date = new Date(year,mon,1);
var days:Array = [31,28,31,30,31,30,31,31,30,31,30,31];
if (year%4 == 0 || year@0 == 0) {
days.splice(1,1, 29);
}
var mondays = days[ mon ];
var weekday = oneday.getDay ();
year_txt.text = year;
function showday () {
var i;
var j = weekday;
for ( i =1;i <= mondays;i ) {
this["d" j].text = i;
j = 1;
}
var today = (day weekday) -1;
this["d" today].textColor
= 0xFF0000;
}
showday();
var jrname;
var jrday;
function showjrday ( ) {
this["d" jrday].autoSize = TextFieldAutoSize.LEFT;
this["d" jrday].multiline = true;
this["d" jrday].wordWrap = true;
this["d" jrday].text = jrname;
this["d" jrday].textColor = 0xFF0000;

}
switch (mon) {
case 0:

jrname = "1元旦"

jrday = (1 weekday) -1;

showjrday();
break;
case 1:
jrname = "14情人節(jié)";
jrday = (14 weekday) -1;
showjrday();
break;
case 2:
jrname = "8國際婦女節(jié)";
jrday = (8 weekday) -1;
showjrday();
break;
case 3:
jrname = "5清明節(jié)";
jrday = (5 weekday) -1;
showjrday();
break;
case 4:
jrname = "1國際勞動節(jié)";
jrday = (1 weekday) -1;
showjrday();
jrname = "4青年節(jié)";
jrday = (4 weekday) -1;
showjrday()
break;
case 5:
jrname = "1國際兒童節(jié)";
jrday = (1 weekday) -1;
showjrday();
break;
case 6:
jrname = "1建黨節(jié)";
jrday = (1 weekday) -1;
showjrday();
break;
case 7:
jrname = "1建軍節(jié)";
jrday = (1 weekday) -1;
showjrday();
break;
case 9:
jrname = "1國慶節(jié)";
jrday = (1 weekday) -1;
showjrday();
break;
case 11:
jrname = "25圣誕節(jié)";
jrday = (25 weekday) -1;
showjrday();
break;
}

最新評論