
TQC+ 創意 App 程式設計認證指南 309 鍵盤小鋼琴
1. 題目說明:
請開啟 IND03.aia 專案,設計「鍵盤小鋼琴」程式。點選畫面上的琴鍵,會發出對應的鋼琴音符音效。請依下列題意完成作答,並製成封裝檔 IND03.apk,作答完成,請將 aia 專案檔及 apk 封裝檔皆下載並儲存於 C:\ANS.CSF 原專案的資料夾内。

2. 設計說明:
(1) 設定螢幕方向為 Landscape (橫向)。
(2) 設定用來 ImageSprite 的 Canvas 元件,長度 (橫) 為 480 像素,寬度 (直) 為 320 像素。
(3) 加入 13 個 ImageSprite 元件,可作為點選的琴鍵,專案內已上傳所需的圖檔作為各個 ImageSprite 元件的背景圖片,請依下方圖片切割方式依順序對應:

(4) 設定用來播放音效的 Sound 元件,並依已上傳的音效檔進行對應,對應表如下:

*提示:App Inventor 的檔案命名規則,不接受英文與數字之外的符號,並且不能以數字開頭。
(5) 點選琴鍵要能依對應表播放音效,並於狀態列顯示目前的音效名稱後方加上!(驚嘆號) 代表正確點選。如點選 Do,播放 C.mid 的音效,狀態列顯示 C!;如點選升 Do,播放 Csharp.mid 的音效,狀態列顯示 C#!,顯示如執行結果參考畫面 (2) 所示。
3. 執行結果參考畫面:
(1) 程式初始畫面。

(2) 點選琴鍵需能播放音效,並於狀態列顯示目前的音效名稱,代表正確點選。

IND03.aia 檔案下載
Images 檔案下載
Sounds 檔案下載
TQC+ 創意 App 程式設計認證指南 第三類:App Inventor 進階人機互動與檔案存取應用
如果覺得文章內容還不錯的話,麻煩請幫我點個讚!感謝
可以多點幾次喔~~
第一次點讚需使用 Google 或 Facebook 帳號註冊

