記錄一下:
App Inventor學習記錄43,用音效和按鈕元件,做的簡單小鋼琴
畫面編排的部份如下:
1個水平配置裡頭,放了 8個按鈕,每個按鈕都套用圖片來當背景。
接著就是 8個音效元件。
這裡要補充一下:
由於手機這次要擺橫的,不然按鈕太小不好按,所以我們在 Screen1的屬性下面。
將 ScreenOrientation的屬性,設定為 Landscape。
就是把手機的螢幕方向,設定為鎖定橫向畫面。
全部的程式碼如下:
第 1部份的程式碼說明:
當程式初始化的時候:
將音效 1的來源,設定成 1.mp3。
將音效 2的來源,設定成 2.mp3。
…
…
…
將音效 8的來源,設定成 8.mp3。
第 2部份的程式碼說明:
當 DO1這個按鈕被按下的時候,呼叫音效 1播放。
當 RE1這個按鈕被按下的時候,呼叫音效 2播放。
…
…
…
當 DO2這個按鈕被按下的時候,呼叫音效 8播放。
是的,就是這麼簡單,比較麻煩的反而是要去那裡找這些音檔的 mp3來用。
以這個例子來說,我用的是免費音效素材-小森平的免費下載音效,它提供了 cc0的音樂讓我們使用。
另外,你可能會說可不可以不要一次拉 8個音效元件,改用 1個音效元件來做,當按鈕被按下的時候,再來改音效的來源,然後呼叫音效播放。
這個當然是可以的。這兩個做法稍微有點差別,大家可以自行的試試看。
這次的 aia檔的下載連結如下:
點我下載 NO_43_Piano.aia
參考書籍如下:
手機應用程式設計超簡單 App Inventor 2零基礎入門班
TQC+ 創意App程式設計認證指南
TQC+創意App程式設計認證指南解題秘笈
手機應用程式設計超簡單:App Inventor 2初學特訓班
手機應用程式設計超簡單:App Inventor 2小專題特訓班
手機應用程式設計超簡單:App Inventor 2資料庫專題特訓班
之前介紹過的一些 appinventor的使用記錄,都整理在下面這個頁面上了。
APP INVENTOR學習記錄及資源整理頁面