App Inventor學習記錄20,用 TinyDB微型資料庫,做一個簡單的記事本 app

這次會用到一個叫 TinyDB(微型資料庫)的元件,它就是像打電動的存檔功能。把資料存入 TinyDB之後,在進入到 app之後,就可以回復到我們關閉之前的參數。

來記錄一下:
App Inventor學習記錄20,用 TinyDB微型資料庫,做一個簡單的記事本 app


這次記事本的實際使用畫面如下,使用的元件也如下。

1個標籤元件用來顯示”輸入要買的東西”。
1個文字輸入合元件,用來輸入文字。
3個按鈕元件,用來做增加、移除、及全部移除的功能。
1個清單顯示器 (ListView)元件,用來顯示清單中的內容。
1個微型資料庫 (TinyDB)元件,用來儲存及讀取清單的內容使用。


全部的程式碼如下:


第 1段程式碼說明:
我們先建立一個叫”購物清單“的變數,把它的預設值,設定成是一個空的清單。
因為我們要用”ListView“來顯示內容,它只能顯示清單的內容,所以我們需要一個清單來使用。

然後做增加項目按鈕的功能。

當我們按下”增加項目功能“這個按鈕的時候呢
把”文字輸入盒,要買的東西的內容”,加入到 “global購物清單“這個列表中。
把”文字輸入盒,要買的東西的文字”給清除掉。
“ListView 1的顯示內容”,設定成 “global購物清單”的內容。
“呼叫 TinyDB1的儲存功能”,把 “global購物清單“的值存到”出門要買的東西“這個標籤下。

這裡我都是想成,我有一個叫”出門要買的東西”的檔案,這個檔案的內容就是”global購物清單”


第 2部份的程式說明:

當我們按下”移除項目按鈕“之後:
把” globla購物清單“中的第 1項移除。
“ListView 1清單顯示器的內容”,設定成移除項目後的“global購物清單”的內容。
“呼叫 TinyDB1的儲存功能”,把購物清單的值存進去。

補充一下,實際上在使用的時候,不會直接移除“global購物清單”中的第 1項,而是要能選擇要移除那一項才對。這次主要是要記錄 TinyDB微型資料庫的使用,所以這裡就暫時這樣用。之後會在補充一篇怎麼處理這個問題。


第 3個部份的程式說明

“全部清除按鈕”被按下之後:
“global購物清單”的內容,設定成一個空白的清單。
” ListView 1清單顯示器的內容”,設定成已經是空白的“global購物清單”的內容。
“呼叫 TinyDB1的儲存功能”,把購物清單的值存進去。


第 4部份的程式說明:這裡就是 TinyDB在讀取資料時的用法。

” Screen1.Initialize”程式初始化的時候:
設定“global購物清單”的值,等於“呼叫 TinyDB 1.GetValue”讀取檔案功能”,去讀取”出門要買的東西“這個檔案之後的內容。
” ListView 1的顯示內容”,設定成 global購物清單的內容。


這樣就完成了,下次再打開這個 app的時候,就可以看到上一次保存的內容。

更進一步的說明,請見 youtube的影片介紹:
影片製作中~

這次的 aia檔的下載連結如下:
點我下載-NO.20_Simple_note簡單的記事本-.aia檔

這是一個讀取資料的基本應用,還要完善的地方還有很多,如說明移除項目是要可以從清單上選擇的,可以加入不同的清單,可以設定提醒的日期等等的。

這次主要是要記錄 TinyDB微型資料庫的使用,所以這裡就暫時這樣用。應該要有的功能,我們之後再來一個一個功能往上加。

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

發佈留言