[APP]主题模式

  • 文档创建者:Carly
  • 编辑次数:1次
  • 最近更新:Carly 于 2020-07-08
  • 1. 概述

    1.1 版本

    App 版本
    V10.4.80

    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 刷新

    不适配

    -

    相册选择

    适配

    -
    按钮

    适配

    -

    附件列表


    主题: 移动端应用
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!