MIT App Inventor: 使用本地數據庫建立屬於自己的密碼保險箱

一、登陸MIT網站link.

二、密碼登陸界面設計

1.效果圖:(需要更換背景只需要重新上傳素材進行背景替換即可)

在這裏插入圖片描述 在這裏插入圖片描述

2.設計展示

密碼展示部分只需要三種組件(標籤、按鈕、密碼輸入框)加上頁面設計排版即可。接下來展示關鍵的邏輯部分。
①設置密碼部分(第一次打開軟件的時候設置密碼)
在這裏插入圖片描述在這裏插入圖片描述
②驗證密碼部分
在這裏插入圖片描述在這裏插入圖片描述
③邏輯設計部分
在這裏插入圖片描述
④總結
密碼界面設計關鍵就是利用垂直佈局和水平佈局調節界面的UI,同時利用組件的可見性來實現隱藏和可見,實現同一屏幕下爲密碼數據庫存入密碼和讀取本地密碼,實現保險櫃功能。如果輸入密碼正確我們將進入主操作界面(MAIN屏幕)。

三、查詢界面設計

1、界面設計

在這裏插入圖片描述在這裏插入圖片描述

2、邏輯設計

在這裏插入圖片描述在這裏插入圖片描述
這裏設計的時候可能會出現一些小的bug,所以我們在設計的時候一定要不停地測試多種可能,儘量避免因爲邏輯的不嚴謹而出錯。

四、添加界面設計

因爲添加界面主要就是頁面佈局問題,用的組件也非常簡單,所以這裏就只放效果圖部分了(此處使用的輸入框爲文本輸入框,是爲了方便顯示)。
在這裏插入圖片描述在這裏插入圖片描述
因爲考慮到新建一個屏幕需要重新定義很多變量,爲了方便我就直接使用了佈局的可見性來實現換屏,當查詢界面的“添加”按鈕就可轉換到添加界面,當添加界面的返回按鈕被點擊的時候就返回查詢界面。

五、補充

整體設計下來還是比較簡單的,只要利用本地數據庫就可以實現本地數據存儲,如果加入上一篇文章的WIFI功能,沒準可以利用它實時傳回數據進行永久保存,這樣沒準可以傳回小車的位置座標就能實現畫出小車行走的路線的功能,可行性來說是可以實現,但是具體的方法就靠大家慢慢摸索了。

六、附件

這裏放下最終設計出來的APP的文件包link

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章