MIT App Inventor: 使用本地数据库建立属于自己的密码保险箱

一、登陆MIT网站link.

二、密码登陆界面设计

1.效果图:(需要更换背景只需要重新上传素材进行背景替换即可)

在这里插入图片描述 在这里插入图片描述

2.设计展示

密码展示部分只需要三种组件(标签、按钮、密码输入框)加上页面设计排版即可。接下来展示关键的逻辑部分。
①设置密码部分(第一次打开软件的时候设置密码)
在这里插入图片描述在这里插入图片描述
②验证密码部分
在这里插入图片描述在这里插入图片描述
③逻辑设计部分
在这里插入图片描述
④总结
密码界面设计关键就是利用垂直布局和水平布局调节界面的UI,同时利用组件的可见性来实现隐藏和可见,实现同一屏幕下为密码数据库存入密码和读取本地密码,实现保险柜功能。如果输入密码正确我们将进入主操作界面(MAIN屏幕)。

三、查询界面设计

1、界面设计

在这里插入图片描述在这里插入图片描述

2、逻辑设计

在这里插入图片描述在这里插入图片描述
这里设计的时候可能会出现一些小的bug,所以我们在设计的时候一定要不停地测试多种可能,尽量避免因为逻辑的不严谨而出错。

四、添加界面设计

因为添加界面主要就是页面布局问题,用的组件也非常简单,所以这里就只放效果图部分了(此处使用的输入框为文本输入框,是为了方便显示)。
在这里插入图片描述在这里插入图片描述
因为考虑到新建一个屏幕需要重新定义很多变量,为了方便我就直接使用了布局的可见性来实现换屏,当查询界面的“添加”按钮就可转换到添加界面,当添加界面的返回按钮被点击的时候就返回查询界面。

五、补充

整体设计下来还是比较简单的,只要利用本地数据库就可以实现本地数据存储,如果加入上一篇文章的WIFI功能,没准可以利用它实时传回数据进行永久保存,这样没准可以传回小车的位置座标就能实现画出小车行走的路线的功能,可行性来说是可以实现,但是具体的方法就靠大家慢慢摸索了。

六、附件

这里放下最终设计出来的APP的文件包link

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