App Inventor學習記錄 24,帶有密碼功能的記事本

這一次是用密碼輸入盒加上微型資料庫做的簡單記事本。這兩個元件的應用,我們之前就有介紹過,這次只是把他們給組合一下。

記錄一下:
App Inventor學習記錄 24,帶有密碼功能的記事本


這次的畫面編排分為 2個區塊,第 1個是內容區塊。
等內容區塊建置完成之後,我們按一下內容區塊的屬性,取消勾選 Visible。


然後再來做登入區塊的這一部份。


全部的程式是這樣子的。


第 1部份的程式碼說明:

我們建立一個變數叫記錄資料,它的預設值空白。
當程式初始化的時候 (Screen1.Initailize),
把登入區塊這個垂直配置的可見性,設定為真。
把內容區塊這個垂直配置的可見性,設定為假。
把新增內容對話框這個文字輸入框文字的值,設定成呼叫微型資料庫取得標籤,去抓取標籤為”記事本”裡頭的數值,如果這個標籤裡頭沒有資料的話,把則這個值設定為空白。


第 2部份的程式說明:

當登入按鈕這個按鈕被按下的時候:
判斷一下如果輸入的密碼這個文字輸入盒的值,等於 15161718的話,
就把登入區塊這個垂直配置的可見性設定為假,
把內容區塊這個垂直配置的可見性設定為真。

不然的話,就呼叫對話框顯示警告的功能,顯示的內容是密碼錯誤。


第 3個部份的程式碼說明:

修改按鈕這個按鈕被按下之後:
就把新增內容對話框這個文字輸入盒的值,設定為 global記事資料。


第 4個部份的程式碼說明:

當存檔這個按鈕被按下之後:
把 global記事資料的值,設定成新增內容對話框這個文字輸入盒的值。
然後把已儲存內容對話框這個標籤的值,設定成新增內容對話框這個文字輸入盒的值。
然後清空新增內容對話框這個文字輸入盒的值。
呼叫微型資料庫儲存數值,把 global記事資料的值,存到記事本這個標籤下。


密碼輸入盒 (password text box)加上微型資料庫 (tinydb)的功能,簡單的結合一下,就可以做出一個要有密碼才能看見的記事本。沒有密碼就看不到。那這次寫出來的 app如果真的要用的話,還要加上忘記密碼的提醒功能。不然就真的什麼都看不見。
這次的 aia檔的下載連結如下:
點我下載 N0.24_Note_with_password.aia

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

發表迴響