反饋已提交

網絡繁忙

[APP]主题模式

1. 概述

1.1 版本

App 版本
V11.0

1.2 应用场景

 iOS 手机推出深色模式,部分用户希望 App 色系与手机模式色系一致。

1.3 实现思路

版本在 V10.4.80 及之后的帆软数据分析 App,支持切换主题模式为深色模式。

2. 切换方式

2.1 手动切换主题模式

登录数据分析 App,点击设置>通用>主题模式,选择深色模式,App 主题模式即刻切换为深色模式。如下图所示:

33333.png

2.2 跟随系统颜色模式

如 Android 设备系统在 10.0 及以上版本/ iOS 设备系统在13 及以上版本,且支持选择外观为浅色/深色模式,如下图所示:

image.png

用户登录数据分析 App,点击设置>通用>主题模式,选择跟随系统颜色模式,App 主题模式将跟随系统主题切换。如下图所示:

21.png

3. 深色模式简介

主题设置为深色模式后,众多设置页将自动切换为深色,如下图所示:

2020-07-03_15-36-44.png

具体适配项如下表所示:

分类内容是否适配备注
桌面桌面图标、App 名称

不适配

-

启动页引导页

适配

-
启动页

适配

  • 默认启动页,图片不修改,加深色蒙版,加 30% 透明度

  • 自定义启动页,图片不修改,加深色蒙版

登录页

登录页

不适配

-

登录安全键盘不适配-
登录页>手势密码

适配

-
服务器列表

适配

-
服务器添加/编辑界面

适配

-
虚拟网设置

适配

-
主页菜单底部菜单

适配

-
顶部导航

适配

-
首页

不适配

首页内容为模板,因此不做调整

目录页

目录图标

适配

  • 默认目录页,适配深色模式

  • 自定义目录页,不完全适配,仍然保留自定义目录样式

目录横幅

适配

图片不修改,加深色蒙版
常用页

适配

-
消息页

适配

-
设置

设置页

适配

-
扫一扫适配-
修改密码

适配

-
手势密码

适配

-
离线缓存适配-
关于

适配

-
模板页顶部标题

适配

-
底部工具栏

适配

-
批注分享

适配

-
模板内容不适配-
弹窗提示toast 提示

适配

加深色蒙版
弹窗提示

适配

-
首次安装操作提示

适配

-
其他加载动画

适配

加深色蒙版
目录/常用搜索

适配

-
目录/常用下拉刷新

适配

-
Android 刷新

不适配

-

相册选择

适配

-
按钮

适配

-

附件列表


主題: 原简体文档
已經是第一篇
已經是最後一篇
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤
中文(繁體)

文 檔回 饋

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

10s後關閉