1. 概述
1.1 版本
| App 版本 |
|---|
| V10.4.80 |
1.2 应用场景
iOS 手机推出深色模式，部分用户希望 App 色系与手机模式色系一致。
1.3 实现思路
版本在 V10.4.80 及之后的帆软数据分析 App，支持切换主题模式为深色模式。
2. 切换方式
2.1 手动切换主题模式
登录数据分析 App，点击设置>通用>主题模式，选择深色模式，App 主题模式即刻切换为深色模式。如下图所示：
2.2 跟随系统颜色模式
如 Android 设备系统在 10.0 及以上版本/ iOS 设备系统在13 及以上版本，且支持选择外观为浅色/深色模式，如下图所示：
用户登录数据分析 App，点击设置>通用>主题模式，选择跟随系统颜色模式，App 主题模式将跟随系统主题切换。如下图所示：
3. 深色模式简介
主题设置为深色模式后，众多设置页将自动切换为深色，如下图所示：
具体适配项如下表所示：
| 分类 | 内容 | 是否适配 | 备注 |
|---|---|---|---|
| 桌面 | 桌面图标、App 名称 | 不适配 | - |
| 启动页 | 引导页 | 适配 | - |
| 启动页 | 适配 |
| |
| 登录页 | 登录页 | 不适配 | - |
| 登录安全键盘 | 不适配 | - | |
| 登录页>手势密码 | 适配 | - | |
| 服务器列表 | 适配 | - | |
| 服务器添加／编辑界面 | 适配 | - | |
| 虚拟网设置 | 适配 | - | |
| 主页菜单 | 底部菜单 | 适配 | - |
| 顶部导航 | 适配 | - | |
| 首页 | 不适配 | 首页内容为模板，因此不做调整 | |
目录页 目录图标 | 适配 |
| |
| 目录横幅 | 适配 | 图片不修改，加深色蒙版 | |
| 常用页 | 适配 | - | |
| 消息页 | 适配 | - | |
| 设置 | 设置页 | 适配 | - |
| 扫一扫 | 适配 | - | |
| 修改密码 | 适配 | - | |
| 手势密码 | 适配 | - | |
| 离线缓存 | 适配 | - | |
| 关于 | 适配 | - | |
| 仪表板页 | 顶部标题 | 适配 | - |
| 底部工具栏 | 适配 | - | |
| 批注分享 | 适配 | - | |
| 仪表板内容 | 不适配 | - | |
| 弹窗提示 | toast 提示 | 适配 | 加深色蒙版 |
| 弹窗提示 | 适配 | - | |
| 首次安装操作提示 | 适配 | - | |
| 其他 | 加载动画 | 适配 | 加深色蒙版 |
| 目录／常用搜索 | 适配 | - | |
| 目录／常用下拉刷新 | 适配 | - | |
| Android 刷新 | 不适配 | - | |
相册选择 | 适配 | - | |
| 按钮 | 适配 | - |
