計時器(Timer)這個元件應用的範圍很廣,這次先利用這個元件,簡單的做一個計時的 APP。
記錄一下:
App Inventor學習記錄17,計時器(Timer)的簡單應用,計時APP
APP完成之後,長這個樣子。畫面上就是一個時間的顯示,加上三個按鈕,提供開始計時、暫停時間、重新計算的三種常用功能。
在畫面編排的部份是長這樣。
標籤元件拿來顯示時間用,三個按鈕元件的功能,已經介紹過了。
最重要的就是 “Clock”計時器這個不可視的元件。
全部的程式碼是這樣子,只有短短的幾段。
第 1段的程式說明
就是在程式初始化的時候,把 Clock1.TimerEnabled,設定成false,就是把計時器先停止計時。
Clock1.Timerinterval設定成 1000,讓計時器,每秒工作 1次。
然後把兩個顯示分鐘和秒鐘數值的標籤,初始值設定為 0。
第 2段的程式說明
當開始計時這個按鈕被按下去之後,設定 Clock1.TimerEnabled的值為 true。
就是讓計時器開始計時。
第 3段的程式說明
按鈕按下之後,計時器就開始計時了,但是我們還沒有告訴程式,當計時器開始計時的時候,要做什麼。所以這裡還要把當計時器開始計時的方塊拉出來。
加入一個判斷式,如果顯示秒數的數值大於等於59的時候,就把秒數重置為 0,把分鐘的數值 +1,不然的話,秒數的數值就等於秒數的數值 +1。
第 4段程式說明
當按下重新計算按鈕的時候,設定計時器.TimerEnabled的值為 false,讓計時器不要作動。
然後再把秒數和分鐘的值設定成 0。
第 5段程式說明
當按下暫停時間按鈕的時候,就讓計時器停止工作。
這次的 aia檔的下載連結如下:
點我下載簡單計時器 NO.17_TIMER.aia檔
這是一個相當簡單的計時器應用,後面我們還可以加上音效,記錄每次的暫停時間等等的功能上去。
之前介紹過的一些 appinventor的使用記錄,都整理在下面這個頁面上了。
APP INVENTOR學習記錄及資源整理頁面