+ All Categories
Home > Documents > MITheme AOD: DESIGN GUIDELINEScnbj1.fds.api.xiaomi.com/mitheme-blog/E5B08FE7B1B3E4B8... · 2020. 9....

MITheme AOD: DESIGN GUIDELINEScnbj1.fds.api.xiaomi.com/mitheme-blog/E5B08FE7B1B3E4B8... · 2020. 9....

Date post: 01-Feb-2021
Category:
Upload: others
View: 4 times
Download: 0 times
Share this document with a friend
17
MITheme AOD: DESIGN GUIDELINES 小米主题 万象息屏设计制作规范_完整版
Transcript
  • MITheme AOD: DESIGN GUIDELINES小米主题 万象息屏设计制作规范_完整版

  • a.[ 图形设计规范 ]

  • 静态表盘

    1080 px

    1080

    px

    设计区域说明:

    设计可用区域: 1080 * 1080 px; 所有内容必须包含在设计可用区域内; 所有内容会整体在息屏上下左右移动(左右±30px) 建议内容宽度不要超过1020px。

  • 息屏状态位置切换(2min/次):所有内容会整体在息屏上下左右移动(左右±30px), 建议内容宽度不要超过1020px。

  • 图形设计总原则: AOD 样式的非纯黑像素占屏幕总像素的比例不超过 15%

    以常见支持 AOD 的屏幕为例, 15% 像素区域的方形大约为 600 * 600 px; 主题设计内容如果非纯黑像素较少,则不应超过这个区域, 非纯黑像素较多,则可适当超过这个区域; 建议以此为参考,更容易通过审核。

    15% 像素区域

    600 px

    600

    px

  • 基于 MIUI maml百变框架 制作息屏主题

    b.[ 百变息屏 ]

  • 主题包内结构

  • 百变息屏: 基于maml百变框架能力设计1.百变息屏基于maml,可使用maml已有的全局变量 息屏效果仅做展示(时间、日期、通知 等),禁止传感器/Button跳转等交互功能。

    2.息屏时首次展示时,可播放动画, 动画总时长不可超过 4000ms,超时的动画动会被强制停止, 最高帧率建议使用30或60,无需使用动态帧率。

    3.息屏状态下,系统规定:1min/次刷新时间;2min/次刷新位置。 (无法通过maml代码修改)

    4.限制大小,AOD模块需保证10M之内,越小越好。

    5.含动画的效果,在初始化和动画结束 需规范代码书写方式,供系统获取动画状态。

    6.支持配置息屏通用开关(电量、通知、农历、步数),支持用户关闭或开启。

    7.通知展示仅为小icon,且与桌面图标一致,无法自行适配。

  • 百变息屏: 规范补充(更新于0526)8.(0526补充) 禁止使用全局变量:#view_width,#view_height 因主题内详情页预览为真实动态效果预览,此时的view非真实使用尺寸,故导致错位等情况。

  • 含动画的效果, 在初始化和动画结束 需规范代码书写方式,供系统获取动画状态。

  • 支持配置息屏通用开关

    支持通过代码配置, 可自定义支持用户控制开关项显示, 且支持配置开关的默认状态

  • 系统设置页相关配置配置项 参数 说明

    theme_type maml_style 类型:百变框架(必写)

    support_lunar_calendar1支持 0不支持(默认) 是否支持用户配置农历开关

    support_battery1支持 0不支持(默认) 是否支持用户配置电量开关

    support_notification 1支持 0不支持(默认)

    是否支持用户配置通知开关

    全局变量 状态 说明

    lunar_calendar_enable1显示 0不显示(默认) 当支持农历开关时,开关状态

    battery_enable1显示 0不显示(默认) 当支持电量开关时,开关状态

    notification_enable1显示 0不显示(默认) 当支持通知开关时,开关状态

    preview_mode1预览状态 0实际应⽤用状态

    ⽀支持通知开关时,需使⽤用此变量量确保设置⻚页⾯面内⽀支持预览效

    后续会开放更多可配置项/变量,例如:步数…等(敬请期待)

    【配置项】示例:

    maml_style

    1 1 1 1

    maml可直接调用全局变量:

    农历 #lunar_calendar_enable 电量 #battery_enable 通知 #notification_enable 预览状态:#preview_mode

    *农历开关功能暂未发布,若有需要可按照电量/通知方式制作并上传,等农历发布后用户即可正常使用

  • 打包/测试工具 制作模版(见附件)

    c.[ 制作指导 ]

  • 打包/预览工具(见附件)

    电脑端 支持mac/win32/win64

    手机端 支持安卓P及以上版本手机

    网盘下载链接:https://pan.mioffice.cn/#/link/37D980ED6DA39405CA6297AF0A5FBDAB?path=

    https://pan.mioffice.cn/#/link/37D980ED6DA39405CA6297AF0A5FBDAB?path=https://pan.mioffice.cn/#/link/37D980ED6DA39405CA6297AF0A5FBDAB?path=

  • 工具使用方法:

    · 在电脑端下载对应的打包工具,根据主题包结构自行创建息屏主题文件。 · 在手机中安装息屏主题apk。(安装后仅可通过电脑端点击预览显示,无桌面图标) · 将手机连接电脑,点击电脑端【预览息屏】按钮,即可在手机上看到预览效果 (下次预览需返回桌面后,再次点击【预览息屏】)

  • 制作模版(见附件)

    动态息屏_有配置项_模版

    静态息屏_无配置项_模版

    静态息屏_有配置项_模版

    aod_description_文件说明.xml

    mtz格式_上传要求(mtz格式文件)

    网盘下载链接:https://pan.mioffice.cn/#/link/37D980ED6DA39405CA6297AF0A5FBDAB?path=

    https://pan.mioffice.cn/#/link/37D980ED6DA39405CA6297AF0A5FBDAB?path=

  • 小米主题官邮:[email protected] QQ 群:593642817

    c.[ 问题反馈 ]

    mailto:[email protected]

Recommended