App Inventor學習記錄49,firebaseDB小應用,線上冷笑話 app製作

主要還是要在介紹一下 firebasDB這個元件的應用。我們利用 firebaseDB的標籤,來當選擇的目標,再把這個標籤下的值給顯示出來。就是這一次的主軸。

來記錄一下:
App Inventor學習記錄49,firebaseDB小應用,線上冷笑話 app製作


畫面編排的部份如下:

畫面就是一個標籤元件,用來顯示取得 firebaseDB的值使用。
一個按鈕元件用來隨機設定數值。
一個 firebaseDB元件用來儲存資料。


關於怎麼建立及使用 firebaseDB元件的說明,請見這一篇的說明 :
App Inventor學習記錄47,用 FirebaseDB元件,做一個簡單的註冊登入頁面

全部的程式碼如下。


第 1部份的程式碼說明:

建立一個叫隨機值的變數,它的初始值設定為 0。


第 2部份的程式碼說明:

當換下一個按鈕被按下的時候:
把隨機值這個變數的值,設定為從 1~5的隨機值。
呼叫 filebaseDB取得數值的程式。
要取得的資料,是就標籤為隨機值的這比資料。


第 3部份的程式碼說明:

當 firebaseDB取得數值之後:
把顯示內容這個標籤的文字,設定為 value的值。


全部的程式碼就是這樣子,我們在 firebaseDB的資料庫是這樣子的。

也就說,當我們按下按鈕之後,會把隨機值的變數,設定成 1~5的隨機數。這先假設隨機值是 3。那麼,我們在呼叫 firebaseDB取得數據的時候,就會去抓 3這個標籤。

當 firebaseDB取得數據之後,它的值 value就是,標籤 3下面的值。
也就是一顆心值多少錢?答案:一億(一心一意)


這個是一個很簡單的應用,沒有很特別的部份。
重點就是要多用。

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

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

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

發佈留言