Context menu 右键菜单

/CON-tekst MEN-yoo/ · noun · 浮层类模式 · #111

在你点鼠标右键的地方(手机上是长按的地方)弹出的菜单,列出针对所点对象的操作:拷贝、粘贴、重命名、删除、在新标签页中打开。菜单内容随所点的对象而变,所以也叫“上下文菜单”。

Context menu(右键菜单) UI 模式示例:CatchUI 图鉴标本

别名:上下文菜单、快捷菜单、鼠标右键菜单。

你可能会这样叫它

  • “右键弹出来的菜单”
  • “鼠标右键菜单”
  • “长按弹出的选项”
  • “右键点开的那个框”
  • “按住图标出来的菜单”

……它的名字是 右键菜单(Context menu)。

常见问题

右键菜单是什么?

右键菜单就是上下文菜单(context menu):在文件、文字或图标上点鼠标右键,指针处会弹出针对它的操作,比如复制、粘贴、重命名、删除。微软和苹果写给普通用户的帮助文档叫它快捷菜单(shortcut menu);在 Mac 上按住 Control 点按或双指点按,在手机上长按,都会出现同类菜单。

上下文菜单是什么意思?

“上下文”指你当前点中的对象:菜单里的操作随你右键或长按的东西而变,点文件是打开、重命名、删除,点文字是拷贝、查询。所以英文叫 context menu,中文常说右键菜单或快捷菜单。

代码里叫什么

SwiftUI.contextMenu
UIKitUIContextMenuInteraction
Android (Views)registerForContextMenu() onCreateContextMenu()
Windows (WinUI)ContextFlyout MenuFlyout
FlutterCupertinoContextMenu MenuAnchor
Webcontextmenu event event.preventDefault()

复制给 AI 编程工具

给这个列表里的条目加上右键菜单:桌面端右键、触屏上长按,都在指针位置弹出只针对该条目的操作——打开、重命名、复制一份、分享,最后是红色的删除。每个操作也要在看得见的地方能找到,比如“更多”(⋯)按钮,因为很多人从不点右键;支持键盘上的菜单键和 Shift+F10,按 Esc 或点击外部时关闭。

用 AI 写界面时该怎么说:UI 用词指南(英文)→

相关模式

传一张截图,抓住这个模式 →

学会从视觉线索认出 UI 模式(英文)