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