30天零负担轻松学会制作APP介面及设计【DAY 21】

大家好，我是YIYI，今天我要来制做设定页面。

从哪里可以进入设定页面呢?

点击LIST的设定~如下图

设定页面

这边我设计的上一页是预设跳回HOMEPAGE，下方工具列跳转的对应页面和前面的都一样~
因为後来文字我都是用PHOTOPEA放上去的，所以WHIMSICAL拉完看到的图会是没有文字的。
初始图用WHIMSICAL拉出来是长这个样子~如下图

那在设定这边我设置的是提醒的开关、提醒的时间、体重单位、身高单位、密码开关、以及版本。
日记、记帐、体重的体醒开关以及密码都是使用WHIMSICAL的TOGGLE拉出来的，这是一个常见的开关按钮。
时间是使用WHIMSICAL的DROPDOWN，这是一个下拉式的选单，我想的是每个整点都是一个选项。
体重、身高的单位按钮则是使用WHIMSICAL的HORIZONTAL TABS，被点到的BUTTON会发亮。

到目前为止已经将所有页面制作完成了~

今天就到这边，谢谢大家的阅读