App Inventor 2 - 碼表

環境: Chrome + App Inventor 2

App Inventor強調讓即便不具備程式設計背景的使用者,也能夠設計屬於自己的APP程式,讓開發Android應用程式變成透過拖拉放就可以完成的簡單步驟。 且App Inventor為雲端開發環境,需從App Inventor官方網站登入您的Gmail帳號後來使用。

Clock元件的應用層面非常廣,可以進行時間倒數、正數,也可用來定時更新感測器值,今天所要示範的,即是以累計秒數的方式來達到「碼表」的功能。接下來即是使用App Inventor來快速完成碼表程式的APP程式設計,一起動手來完成這有趣的APP吧!

執行方式:

一、 首先,於介面中放入一個Clock元件,此元件為不可視元件,其有兩個參數:

  1. TimerEnabled:是否作用。畫面一開啟,我們並不會立即開始計數,所以請將「TimerEnabled」的勾勾拿掉。
  2. TimerInterval:計數時間,單位是毫秒,毫秒就是千分之一秒,因此在TimerInterval中輸入1000,即表示以「秒」來計算。

<切換至Blocks頁面,進行程式的撰寫>

二、 Clock數到60秒就會往前加1分鐘,因此,首先設定當「秒數」大於等於「60」秒(即數完59秒)時,切換為「00」秒,秒數的部分歸零重新計算,分數進位加1。
  1. 首先設定當「秒數」大於等於「59」秒(即數完59秒)時,切換為「00」秒。
    畫面呈現:

    程式寫法:

  2. 接續「分鐘」的判斷,因秒數進位加1,故判斷分鐘是否大於等於9,如大於等於9,會直接累加為十位數,若仍在9分鐘內,則於前方補0,會顯示01、02、03…09分,以符合一般碼表的呈現。
    畫面呈現:如「分鐘」大於等於9,表示累計後的分鐘已為雙位數,直接加1。

    畫面呈現:若仍在9分鐘內,則於前方補0,會顯示01、02、03…09分,以符合一般碼表的呈現。

    程式寫法:

三、 如果秒數小於59秒且大於9秒,會直接累加為十位數。若仍在9秒內,則於前方補0,會顯示01、02、03…09秒,以符合一般碼表的呈現。
畫面呈現:如「秒數」大於等於9,表示秒數已為雙位數,直接加1。

畫面呈現:若仍在9秒內,則於秒數的前方補0,會顯示01、02、03…09秒,以符合一般碼表的呈現。

程式寫法:

四、 時間的計算同時也是在訓練邏輯的思考,除要考慮一分鐘60秒的計算方式外,同時也要符合碼表呈現的狀態,所以透過Label及合併文字的方法來呈現分鐘及秒數的累計,您也一起來試試看吧!
以上是關於「App Inventor 2 - 碼表」的製作方法,
這麼實用的小撇步,您一定要學會喔!

- 回326期電子報主頁 -

財團法人中華民國電腦技能基金會版權所有,未經確認授權,嚴禁轉貼節錄
 TEL:02-2577-8806 ‧ FAX:02-2577-8135 服務信箱: teachernet_service@mail.csf.org.tw