Mixin 机器人适配指南
2019-09-22 本文已影响0人
长不老
Mixin Messenger 0.14.0 版本升级了机器人界面,具有更好的交互且支持更多特性,以便开发者能够实现更好交互体验,相比老版:
- 机器人拥有更多界面空间,最多可覆盖除状态栏以外所有空间
- 菜单更加美观和明显
- 支持主题色,可覆盖标题栏和状态栏背景色
主题色
当用户访问机器人的页面时,内置的浏览器会尝试从 HTML 提取 theme-color meta 标签,状态栏和标题栏会自动适配主题色:
<meta name="theme-color" content="#673ab8">
参见后续沉浸模式效果图
标题栏模式
顶部状态栏和标题栏是固定区域,但是状态栏和标题栏的背景色和文字颜色会根据主题色自适应。

该模式为默认模式,无需开发者额外配置
沉浸模式
顶部状态栏和右上角漂浮按钮固定,原标题栏的空间也会全部留给机器人,需要在开发者后台 App 信息设置里手动开启:

理想效果图:

7000101918 这个机器人目前开启了沉浸模式,效果不错,注意右上角不能放固定的菜单!
版本号
现在可以通过 getContext 获取 Mixin Messenger Android 或 iOS 的版本号了,返回格式如下:
{
"app_version": "0.14.0",
"conversation_id": ""
}
注意以上新特性在 Mixin Messenger v0.14.0 版本才会有效果,欢迎开发者适配最新的沉浸模式为用户带来更好体验!