MenuBar功能说明

MenuBar 简介：

MenuBar意在促进快应用生态全局交互的统一，建立用户对于快应用产品形态的整体认知。vivo投放同时MenuBar封装了分享、添加桌面图标、设置管理等能力，能够有效促进用户的留存和增长。

后期，联盟还将不断为MenuBar补充运营和管理相关的能力。

MenuBar的UI样式与功能：

位置：MenuBar默认位于应用各页面的右上角固定位置，如下图（左）。

按钮：由左右两部分组成：右侧为退出按钮，点击退出当前快应用；左侧为菜单功能按钮，vivo广告分为两种状态：固定状态和临时态。临时态用于快应用正在使用某些功能时，起到提示用户作用，如正在定位，录音等。

功能：MenuBar的vivo设备菜单栏功能如下图（右）：

分享、添加到桌面、前往快应用中心、返回首页、帮助与反馈、设置、关于

MenuBar- 分享

第三方分享支持：微信、微信朋友圈、微博、QQ

选择某种分享方式后会自动调起对应的应用进行分享；

接收者收到分享链接，点击后（在支持快应用的设备上）可直接拉起快应用。

分享链接内容默认显示应用简介，同时也开放给开发者可以根据具体情况显示更巨吸引力的内容，提高分享点击率。

分享直达：分享链接默认打开快应用首页，同时支持开发者配置，直接打开到快应用指定页面。

不支持快应用设备打开分享链接，支持开发者配置跳转到指定的H5页面。

MenuBar- 添加到桌面

点击“添加到桌面”，将会直接生成桌面图标，vivo推广无需进行二次弹窗确认。

MenuBar- 关于

点击应用名称和箭头区域，进入关于页面（如下）：

MenuBar- 设置

设置页面包含存储管理、权限管理、通知管理等。在用户的某个权限被关闭后，vivo信息流可以引导至设置中重新开启权限（如下图）：

MenuBar- 帮助与反馈

给用户提供一个便捷的反馈通道。目前会将用户的反馈统一收集到vivo反馈平台，与开发者相关问题的，我们整理后联系相关开发者进行处理。vivo搜索后续有计划将用户反馈数据，开放给开发者获取，目前正在规划落地中。

MenuBar- 返回首页

给用户提供一个进入快应用首页的便捷入口。当用户进入到快应用的某个页面，可以一键返回到当前快应用的首页。

MenuBar适配说明：

当前vivo侧在引擎1061版本上提前进行支持，为了确保用户体验，我们当前以白名单的形式进行开放：

1. 部分当前比较契合MenuBar样式的快应用，已添加到白名单，可以默认显示MenuBar，用户在升级引擎到1061以上版本后，这些应用即可使用MenuBar相关功能。

2. 要想申请加入白名单的快应用，开发者请按照《MenuBar开发者侧适配说明》，完成适配工作后，发邮件至quickappcenter@vivo.com进行申请。

3. 已加入白名单的快应用，也可以继续按照《MenuBar开发者侧适配说明》，完成个性化的适配。

4. 已加入白名单的快应用，如果想暂时移出白名单，请发邮件至quickappcenter@vivo.com进行申请，并说明原因。

5. 对于原来有titlebar功能的应用，MenuBar移植了原有菜单中的功能，需要开发者依照《MenuBar开发者侧适配说明》完成适配工作后即可使用MenuBar的相关功能。

MenuBar开发者侧适配说明

MenuBar 支持的最小平台版本号：

MenuBar在联盟支持的最小平台版本号是1070（暂定），vivo机器上支持的最小版本号是1061。开发者可以先在vivo手机上进行UI和MenuBar功能的兼容。

以下为开发者对MenuBar适配的说明：

一、用于定义MenuBar的相关配置

示例：

二、获取MenuBar的布局位置信息

可通过`$page`访问

方法：this.$page.getMenuBarRect()

版本要求 vivo推广联盟版本1070+、vivo手机上1061+

由于当前手机版本不一定支持MenuBar，所以对于getMenuBarRect()方法调用之前需要

判断平台是否支持MenuBar。

方法：vivo信息流捕获对于平台不支持情况的获取异常

三、分享直达配置说明

1、vivo广告账户配置允许当前页面分享：

1.1 manifest.json方式：

1.2 动态设置方式

2、通过menubar执行分享当前页面

注：

1、当fullScreen属性为 true 或视频全屏状态下，vivo搜索广告价格若MenuBar不显示设置为 true，则 MenuBar 会自动隐藏；

2、Menubar和titlebar的区别如下：