组件 • DropdownMenu
DropdownMenu
该组件允许用户从上下文列表中选择参数或操作。单击带有三点的按钮可以访问下拉列表。该图标可自定义,可以更换。用户可以使用键盘控件在列表中的项目之间导航。
§结构
➊ 快捷菜单图标
➋ 清单项目
➌ 分隔符
➍ 子菜单 V 形图标
§各州
§内容的类型
§大小
图标
默认情况下,快捷菜单图标有四种内置大小。
尺码 S:24x24 像素,M:28x28 像素,长度:36x36 像素,XL:44x44 p.
组件宽度
当菜单项长于触发它的对象时,菜单将扩展以匹配列表中最长项目的宽度。最大组件宽度为 280 像素。当菜单项的文本超过其最大宽度时,将用省略号截断。
§范围
可配置的通话图标
可以调整快捷菜单图标的大小或用不同的图标替换。该组件使用默认大小为 16px 的三点按钮。
可选菜单项图标
您可以在快捷菜单项旁边添加图标,以帮助用户了解其功能。快捷菜单中图标的默认大小为 16x16px。
嵌套的下拉子菜单
上下文菜单的元素可以相互嵌套。默认嵌套深度设置为最多支持三个级别。
定位
默认情况下,下拉菜单显示在调用它的元素下方,菜单图标位于右上角。如果接口不支持交换机图标下方的下拉列表,则该列表将在图标上方展开。
关闭快捷菜单
您可以通过单击其外部区域或按 ESC 键来关闭快捷菜单。默认情况下,在页面滚动期间菜单会折叠,但可以禁用此行为。
§建议
当至少有两个选项可供选择时,将使用下拉菜单。最佳选项数在 5 到 10 之间。
排列菜单元素时,通过将最常用和最受欢迎的选项放在顶部来确保逻辑顺序。尝试不同的菜单项并根据需要对其进行完善。