App Inventor學習記錄131-用畫布做指針式的時鐘

這是網路上找的一個範例,用畫布和計時器搭配做指針式的時鐘。

記錄一下:
App Inventor學習記錄131-用畫布做指針式的時鐘


這次完成的範例如下。


畫面編排的部份如下。


全部的程式碼如下。


第 1部份的程式碼如下。


第 2部份的程式碼如下。


第3部份的程式如下。


第 4部份的程式碼如下。

這裡秒針、分針、時針的做法都是用長度乘以 sin和 cos來畫線。
但是由於 app inventor座標系的關系,所以這裡用的角度都有在調整過。


第 5部份的程式碼說明。

60秒內秒針會走完 360度,所以秒角度就會等於 360/60*系統秒,也就是 6*系統秒。
同理,分角度等於 6*系統分。
時角度的話,12小時走完 360度,所以時角度等於 360/12*系統時+系統分/60。


這次的 aia檔的下載連結如下:
NO_131_CanvasClock.aia

參考書籍請見博客來書籍介紹頁面:
手機應用程式設計超簡單 App Inventor 2零基礎入門班
TQC+ 創意App程式設計認證指南
TQC+創意App程式設計認證指南解題秘笈
手機應用程式設計超簡單:App Inventor 2初學特訓班
手機應用程式設計超簡單:App Inventor 2小專題特訓班
手機應用程式設計超簡單:App Inventor 2資料庫專題特訓班

之前介紹過的一些 appinventor的使用記錄,都整理在下面這個頁面上了。
APP INVENTOR學習記錄及資源整理頁面

發表迴響