文档中心

一种临时性弹出窗口，用于展示用户可执行的操作。当用户点击一个按钮或做某个操作的时候出现。菜单里显示的操作应该符合当时的语境，且易于阅读。菜单在用户不需要使用的时候可以隐藏。设计菜单时，请将相关的操作放在一起，方便用户查找。例如在文本选择菜单中，将剪切、复制、全选放在一起，他们是对文字的基本操作，而翻译、分享等操作放在一块，他们是对文字的扩展操作。

类型

普通菜单
长按菜单
下拉按钮菜单
文本选择菜单

点击放大

普通菜单

点击放大

长按菜单

点击放大

下拉按钮菜单

点击放大

文本选择菜单

如何使用

菜单项中提供最常使用的操作。常用的操作在不同的场景下，命名和顺序要保持一致，例如删除、分享等。
菜单项中不显示与当前内容无关的项。
菜单项的数量以 3-5 项为宜。菜单项数量过多的话，用户不能一眼看尽。
不建议在手机上使用二级菜单。二级菜单增加了手指操作的复杂度。
如果对于某个对象需要频繁操作，请考虑将操作直接放在界面上，而不要放在菜单中。
菜单顺序：最常用菜单项放在菜单顶部依次排列。

展开

类型	场景	标题	内容对齐方式	消失方式	位置
普通菜单	点击工具栏上或标题栏上的“更多”时出现	无	左对齐	点击返回键或空白处。选择一个菜单项。	跟手
长按菜单	在某个操作对象上长按时出现	有（长按对象的名称）	左对齐	点击返回键或空白处。选择一个菜单项。	跟手
下拉按钮菜单	需要选择时使用	无	左对齐	点击返回键或空白处。选择一个菜单项。	跟手
文本选择菜单	在文字上（间）点击或长按出现	无	横向排列	点击返回键或空白处。选择一个菜单项。	跟手

交互规则

点击

点击具体的菜单项执行对应的操作。
点击菜单之外的区域，菜单消失。

滑动

若菜单内容无法全部显示，可用滚动条，此时可上下滑动菜单项。

菜单出现时有竖直方向上的位移效果。

视觉规则

点击放大

主题样式

点击放大

浅色主题

点击放大

深色主题

点击放大

半透明主题

布局样式

使用基础栅格，具体规则：

4 个 columns 时，默认宽度使用 2 个 columns，最大可占用 4 个 columns。

8 个 columns时，默认宽度使用 2 个 columns，最大可占用 6 个 columns。

12 个 columns时，默认宽度使用 2 个 columns，最大可占用 8 个 columns。

手机竖屏

点击放大

默认宽度：2 个 columns

点击放大

最大宽度：4 个 columns

手机横屏

8 个 columns

默认宽度：2 个 columns

最大宽度：6 个 columns

平板竖屏

8 个 columns

默认宽度：2 个 columns

最大宽度：6 个 columns

平板横屏

12 个 columns

默认宽度：2 个 columns

最大宽度：8 个 columns

开发指南，详见 menu (JS)，Menu控制 (ArkTS)。