Window controls 窗口控制按钮

/WIN-doh con-TROLES/ · noun · 系统类模式 · #109

每个 App 窗口角落里用来关闭、最小化和放到最大的按钮。在 Mac 上是左上角红、黄、绿三个圆点,俗称“红绿灯”;在 Windows 上是右上角的最小化、最大化和关闭(X)按钮。

Window controls(窗口控制按钮) UI 模式示例:CatchUI 图鉴标本

别名:红绿灯、红黄绿三个按钮、最小化最大化关闭按钮。

你可能会这样叫它

  • “Mac 左上角红黄绿三个按钮”
  • “窗口左上角的三个圆点”
  • “最小化最大化关闭按钮”
  • “窗口右上角的叉”
  • “苹果电脑的红绿灯”

……它的名字是 窗口控制按钮(Window controls)。

常见问题

mac红黄绿三个按钮是什么?

是 Mac 的窗口控制按钮,俗称“红绿灯”。红色关闭窗口(App 一般仍在运行),黄色把窗口最小化到程序坞,绿色进入全屏;按住 Option 键点绿色是缩放窗口,把指针停在绿色按钮上可以选择窗口平铺方式。

窗口控制按钮包括哪些?

在 Windows 上是窗口右上角的最小化、最大化(最大化后变成“还原”)和关闭三个按钮;在 Mac 上是左上角的关闭(红)、最小化(黄)和全屏(绿)三个圆点。

代码里叫什么

macOS (AppKit)NSWindow.standardWindowButton(_:) .closeButton .miniaturizeButton .zoomButton
Windows (WinUI)AppWindowTitleBar ExtendsContentIntoTitleBar
Win32WS_MINIMIZEBOX WS_MAXIMIZEBOX
ElectrontitleBarStyle titleBarOverlay
Installed web app"display_override": ["window-controls-overlay"] navigator.windowControlsOverlay

复制给 AI 编程工具

给这个桌面 App 做自定义标题栏,同时保留系统原生的窗口控制按钮:macOS 上为左上角的红黄绿三个按钮留出位置,Windows 上为右上角的最小化、最大化和关闭留出位置;除可交互元素外,标题栏都能拖动,双击可缩放或最大化窗口;绝不自己画仿制的按钮。

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

相关模式

手机和电脑屏幕各部分叫什么(英文)→

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

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