【问题标题】:iOS navigation bar item image sizeiOS 导航栏项目图片大小
【发布时间】:2014-05-01 16:59:05
【问题描述】:

我想自定义我的NavigationBar 按钮并使用我自己的图像。

问题是尺寸应该是多少?

我发现按钮大小应该是40*40,所以retina的图片应该是80*80?

【问题讨论】:

    标签: ios navigationbar


    【解决方案1】:

    这些是documentation 现在为自定义图标推荐的尺寸。

    • @2: 50 x 50
    • @3: 75 x 75

    创建两个上述像素大小的图像,然后将它们添加到 Assets.xcassets 文件中的新图像集中。 (显然不再需要 @1 大小。)

    或者,您可以使用通用矢量图像 (pdf)(请参阅 herehere)。这是我最近的偏好。

    相关答案

    【讨论】:

      【解决方案2】:

      Apple 更新了他们的Human Interface Guidelines Docs。现在推荐为导航栏工具栏创建自定义图标的尺寸

      • @2x - 48px × 48px (24pt × 24pt @2x)

      • @3x - 72px × 72px (24pt × 24pt @3x)

      【讨论】:

        【解决方案3】:

        典型的标准尺寸(非 Retina)为 22px x 22px,而 2x(或 Retina)尺寸为 44px x 44px。

        【讨论】:

          【解决方案4】:

          Apple 文档已更新,现在推荐大小为 25pt x 25pt。

          请参考文档here

          【讨论】:

            【解决方案5】:

            您应该为每个标签栏项目(1x、2x 和 3x)准备 3 个图像图标。

            首先创建 3x at 75w 75h 像素(最大:144 x 96)并将其保存为 iconTab0@3x.png。

            然后将其调整为 50w 50h 像素(最大:96 x 64)并将其保存为 iconTab0@2x.png。

            最后将其调整为 25w 25h 像素(最大:48 x 32)并将其保存为 iconTab0.png。

            现在您只需在取景器中选择这 3 张图片并将它们拖到您的图片资源中即可。

            人机界面指南

            【讨论】:

              【解决方案6】:

              以下是当前尺寸:

              https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/custom-icons/

              “工具栏和导航栏 - 介于 24x24 (@1x) 和 28x28 (@1x) 之间”。

              【讨论】:

              • 此链接无法访问:[
              • 链接应该是最新的
              猜你喜欢
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 2014-06-06
              • 1970-01-01
              • 1970-01-01
              相关资源
              最近更新 更多