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