App Inventor學習記錄43,用音效和按鈕元件,做的簡單小鋼琴

這次我們要來做一個很簡單的小鋼琴,要用到的元件只有音效以及按鈕的元件。

記錄一下:
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學習記錄及資源整理頁面

 

發佈留言