当前位置: 首页 > ai >正文

mac电脑软件左上角的关闭/最小化/最大化按钮菜单的宽度和高度是多少像素

macOS 上的窗口按钮尺寸在不同版本和不同外观下略有不同,但遵循着明确的规范。

简单直接的答案是:每个按钮的直径通常为 15 像素

但为了给您更全面和精确的信息,这里有一个详细的分解:

标准尺寸 (适用于 macOS Big Sur 及之后版本)

自 macOS Big Sur (11.0) 引入新设计语言以来,红黄绿“交通灯”按钮的尺寸和间距已经标准化。

  1. 单个按钮尺寸

    • 直径 (Diameter)15px (物理像素) 或 30pt (点 Points, macOS 的逻辑坐标单位,在标准视网膜屏幕上 1pt = 2px)。

    • 点击热区 (Hit Box)16px。为了便于点击,按钮的有效交互区域比视觉上的圆圈稍大。

  2. 按钮组整体尺寸

    • 总宽度:三个按钮加上它们之间的间距,整个菜单栏的宽度约为 70px

    • 高度:与窗口标题栏高度一致,通常是 28px (56px @2x)。

    • 按钮间距:按钮中心点之间的间距约为 24px,这意味着按钮边缘之间的间距大约是 9px (24 - 15 = 9)。

总结一下标准尺寸表格

| 项目 | 物理像素 (px) | 逻辑点 (pt) | 备注 |
| :--- | :--- | :--- | :--- |
单个按钮直径 | 15px | 7.5pt | 视觉上的圆圈大小 |
按钮点击区域 | 16px | 8pt | 实际可点击的范围 |
按钮中心间距 | ~24px | ~12pt | 从一个圆心到下一个圆心的距离 |
按钮组总宽 | ~70px | ~35pt | 从最左按钮左边到最右按钮右边 |
标题栏高度 | 28px | 14pt | 窗口标题栏的典型高度 |

重要注意事项和变体

非活动状态:当窗口不是焦点窗口时,按钮会变为更浅的灰色,但它们的尺寸和位置保持不变。

旧版 macOS (Catalina 及更早版本):
在 macOS Big Sur 之前,按钮略小一些。

直径:通常为 14px (28pt @2x)。

间距和整体布局也稍紧凑一些。

开发者实践:
对于开发者来说,通常不需要手动测量或放置这些按钮。Apple 提供了标准的 NSWindow API 来自动处理这些控件。例如,使用 window.standardWindowButton(.closeButton) 来获取按钮实例,系统会返回一个尺寸和位置都符合当前 macOS 设计规范的按钮。

高分辨率屏幕 (Retina):
以上提到的像素 (px) 值都是指物理像素。在代码和设计稿中,开发者更多地使用点 (Points) 作为单位。在标准的 @2x Retina 屏幕上,1点 = 2像素。所以一个 15px 的按钮在代码中通常被表示为 7.5pt(但系统会使用整数,实际是通过 @2x 图像资源实现的)。

结论
对于绝大多数用途(例如UI设计、开发参考),您可以牢记:

macOS窗口控制按钮的视觉大小是直径为 15 像素的圆,它们作为一个整体的菜单栏宽度约为 70 像素,高度与标题栏一致(约28像素)。

如果您是为了进行像素级精确的UI设计或复制,建议直接使用截图工具(按住 Shift + Command + 4 然后按空格键选择窗口)截取一个窗口,然后在设计软件(如 Sketch, Figma, Photoshop)中放大测量,这是最准确的方法。

http://www.xdnf.cn/news/18229.html

相关文章:

  • 阿里云ECS服务器的公网IP地址
  • 服务器硬件电路设计之 SPI 问答(一):解密 SPI—— 从定义到核心特性
  • 【机器学习深度学习】AI大模型高并发挑战:用户负载部署策略
  • 雷卯针对香橙派Orange Pi 3B开发板防雷防静电方案
  • 运用平均值填充后的数据进行模型预测
  • 计算机毕设Spark项目实战:基于大数据技术的就业数据分析系统Django+Vue开发指南
  • 函数式编程“闭包”概念深入解析
  • 【LeetCode 热题 100】279. 完全平方数——(解法三)空间优化
  • 应用在运行时,向用户索取(相机、存储)等权限,未同步告知权限申请的使用目的,不符合相关法律法规要求--教你如何解决华为市场上架难题
  • 手机截图如何优雅地放在word里
  • Hangfire定时部署(.NET 8 + SQL Server)
  • 读者写者问题
  • Linux多线程——线程池
  • Spark学习
  • MySQL基础操作
  • 网络连接的核心机制
  • HTML+CSS:浮动详解
  • Python 文件操作与异常处理全解析
  • Zemax光学设计输出3D
  • idea进阶技能掌握, 使用自带HTTP测试工具,完全可替代PostMan
  • OpenSSH 命令注入漏洞(CVE-2020-15778)修复,升级openssh9.8p1
  • rust语言 (1.88) egui (0.32.1) 学习笔记(逐行注释)(一)基本代码
  • Qt设置软件使用期限【新版防修改系统时间】
  • React响应式链路
  • 【蒸蒸日上】专栏前言
  • Google Chrome v139.0.7258.139 便携增强版
  • 云手机在社交媒体场景中的优势体现在哪些方面?
  • 趣打印高级版--手机打印软件!软件支持多种不同的连接方式,打印神器有这一个就够了!
  • AutoGLM2.0背后的云手机和虚拟机分析(非使用案例)
  • Claude Code NPM 包发布命令