代码之家  ›  专栏  ›  技术社区  ›  Alexander

如何使用图标创建一致的工具栏按钮

  •  8
  • Alexander  · 技术社区  · 8 年前

    想要的外观

    Mail compose window toolbar buttons

    请注意,这些按钮具有一致的大小、内部填充、填充和着色。这在macOS中是一种非常一致的风格,出现在Mail、Safari、Finder等中。这让我怀疑有一个标准化的UI组件可以创建这样的按钮。

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

    Segmented control

    尝试1

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

    这导致一个较宽的按钮有点太短,并且与分段控件不对齐:

    Attempt 1

    尝试2

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

    Attempt 2

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

    1 回复  |  直到 6 年前
        1
  •  9
  •   mangerlahn    8 年前

    这其实很容易做到,你已经很接近了。 NSButton 为此。请注意,它有不同的样式(在中定义) NSButton.BezelStyle .texturedRounded .

    也可以通过界面生成器设置样式。请注意,您必须选择按钮本身,而不是其周围的工具栏项。

    enter image description here

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

    enter image description here

    enter image description here

    推荐文章