macos - 如何创建带有图标的一致的工具栏按钮

Question

想要的外观

我希望为我的应用程序制作一个工具栏，其中包含一些简单的按钮，每个按钮都有一个单色图标。下面是一些工具栏按钮的示例，与我试图从邮件的撰写窗口实现的类似:

请注意，这些按钮具有一致的大小、内部填充、填充和底纹。这是 macOS 上相当一致的风格，存在于 Mail、Safari、Finder 等中。这让我怀疑是否有一个标准化的 UI 组件用于创建此类按钮。

如果我使用分段控件，每个按钮看起来都是正确的，每个图标都被正确填充:

现在我想添加与样式匹配的单独按钮。

尝试 1

我的第一次尝试是向工具栏添加一个“按钮”(NSButton):

这导致了一个有点太短的宽按钮，并且没有与分段控件对齐:

尝试 2

我的第二次尝试是使用分段控件，只有 1 个分段。

这会产生一个具有正确形状、大小等的按钮，但它相对于其标签偏离中心。

当然，我可以手动调整按钮以匹配目标，但我觉得我错过了一些东西。创建这些标准按钮的正确方法是什么？

Answer 1

这实际上很容易做到，而且您已经很接近了。您可以使用 NSButton 来实现。请注意，它有不同的样式(在 NSButton.BezelStyle 中定义)可供选择。默认值是在窗口和模态窗口内使用的值。但对于工具栏，为了匹配分段控件和搜索栏的样式，您可以选择样式 .texturedRounded。

您还可以通过 Interface Builder 设置样式。请注意，您必须选择按钮本身，而不是其周围的工具栏项。

为了获得正确的大小，您似乎在工具栏项中设置图标，而不是按钮本身。

这是我的结果: