DropdownMenu

该组件允许用户从上下文列表中选择参数或操作。单击带有三点的按钮可以访问下拉列表。该图标可自定义,可以更换。用户可以使用键盘控件在列表中的项目之间导航。

结构

35.png

➊ 快捷菜单图标

➋ 清单项目

➌ 分隔符

➍ 子菜单 V 形图标

各州

36.png

内容的类型

Types of content

大小

42.png

图标

默认情况下,快捷菜单图标有四种内置大小。

尺码 S:24x24 像素,M:28x28 像素,长度:36x36 像素,XL:44x44 p.

Group 2087326002.png

组件宽度

当菜单项长于触发它的对象时,菜单将扩展以匹配列表中最长项目的宽度。最大组件宽度为 280 像素。当菜单项的文本超过其最大宽度时,将用省略号截断。

范围

43.png

可配置的通话图标

可以调整快捷菜单图标的大小或用不同的图标替换。该组件使用默认大小为 16px 的三点按钮。

44.png

可选菜单项图标

您可以在快捷菜单项旁边添加图标,以帮助用户了解其功能。快捷菜单中图标的默认大小为 16x16px。

41.png

嵌套的下拉子菜单

上下文菜单的元素可以相互嵌套。默认嵌套深度设置为最多支持三个级别。

46.png

定位

默认情况下,下拉菜单显示在调用它的元素下方,菜单图标位于右上角。如果接口不支持交换机图标下方的下拉列表,则该列表将在图标上方展开。

47.png

关闭快捷菜单

您可以通过单击其外部区域或按 ESC 键来关闭快捷菜单。默认情况下,在页面滚动期间菜单会折叠,但可以禁用此行为。

建议

当至少有两个选项可供选择时,将使用下拉菜单。最佳选项数在 5 到 10 之间。

排列菜单元素时,通过将最常用和最受欢迎的选项放在顶部来确保逻辑顺序。尝试不同的菜单项并根据需要对其进行完善。

以前对话框
下一步快捷键