App Inventor學習記錄53,用音樂播放器做的自動唸佛機,顯示經文

這次要做的是自動唸佛機。使用的主要元件是”音樂播放器”這一個,而不是之前使用的”音效”元件。這兩個元件主要的差別之一,就是音樂播放器有循環播放的功能,用在這裡,比較適當。

記錄一下:
App Inventor學習記錄53,用音樂播放器做的自動唸佛機,顯示經文


程式實際使用的畫面如下。

下方是音樂播放的功能按鈕。
按下循環按鈕之後,就會開始循環播放。
按下經開按鈕之後,就會顯示經文出來。


畫面編排的部份如下:

1、螢幕 1這個重直佈置下面,放了一個圖片的元件。
2、字幕層 1這個重直佈置下頭,則是放了一個標籤元件,用來顯示經文。
3、水平佈置裡頭,放的就是播放、暫停、停止、循環以及經文這 5個按鈕。
4、一個音樂播放器的不可視元件。


畫面編排的部份如下:


第 1部份的程式碼說明:

建立一個叫”經文顯示變數”的變數,它的預設值是 0。
建立一個叫”循環變數”的變數,它的預設值也是 0。

這兩個變數,一個是要拿來讓經文這個按鈕,按一下顯示經文、再按一下就關閉經文用的。
循環變數這個變數的作用,也是一樣,要讓循環按鈕可以有兩個功能在。

現在有一個 switch的元件,可以做一樣的事,不過我用按鈕元件做習慣了。


第 2部份的程式說明:

在螢幕初始化的時候:
把音樂播放器的來源,設定為 1.mp3這個檔案。


第 3部份的程式說明:

當播放按鈕按下時,呼叫音樂播放器.開始功能。
當停止按鈕按下時,呼叫音樂播放器.停止功能。
當暫停按鈕按下時,呼叫音樂播放器.暫停功能。


第 4部份的程式碼說明:

當循環按鈕被按下的時候:
加入一個流程判斷,如果循環變數的值等於 0的時候。
把音樂播放器的循環播放,設定為真。
把循環變數的值,設定為 1。

否則,如果循環變數的值等於 1的時候。
把音樂播放器的循環播放,設定為假。
把循環變數的值,設定為 0。

我們利用一個變數,讓同一個按鈕,可以擁用兩種功能。


第 5部份的程式說明:

我們在經文的按鈕部份的做法也是一樣的。

當經文按鈕被按下的時候:
加入一個流程判斷,如果經文顯示變數的值等於 0的時候:
把營幕 1這個垂直配置的可見性,設定為假。
把字幕層這個垂直配置的可見性,設定為真。
把 labe1標籤的文字,設定為經文。
把經文顯示變數的值,設定為 1。

否則如果,經文顯示變數的值等於 1的時候:
把營幕 1這個垂直配置的可見性,設定為真。
把字幕層這個垂直配置的可見性,設定為假。
把經文顯示變數的值,設定為 0。


這次的 app同樣有很多可以加強的地方,比方說按下循環按鈕和經文按鈕之後,可以更改一下按鈕的顯示文字,這樣可以比較清楚的。或是加上可以選擇 mp3的功能,而不是像現在只是用內定的一個檔案播放等等的功能。

這次的 aia檔的下載連結如下:
點我下載 NO_53_Auto_Buda.aia

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

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

發表迴響