【问题标题】:setting the size of navigationbar icon ios [duplicate]设置导航栏图标ios的大小[重复]
【发布时间】:2014-06-06 08:11:07
【问题描述】:

我想知道导航栏图标是否有任何默认大小。设计师需要在哪里设计它。他们应该为视网膜和非视网膜显示器设计它吗?目前我正在使用从互联网下载的图像,这些图像看起来不太好.

【问题讨论】:

    标签: ios uinavigationbar rightbarbuttonitem


    【解决方案1】:

    创建以下尺寸的导航栏图标:

    About 44 x 44 pixels
    
    About 22 x 22 pixels (standard resolution)
    

    您可以在此处找到更多信息 https://developer.apple.com/library/ios/documentation/userexperience/conceptual/mobilehig/BarIcons.html

    【讨论】:

    • 条形按钮大小应该是多少才能看起来像默认值
    • 对于 Retina 设备,最大 44 x 44 或对于非 Retina 设备,最大 22 X 22
    • 现在我们也需要 66 x 66 像素 @3x 图像。适用于新 iPhone 6。
    【解决方案2】:

    docs中推荐的导航栏图标尺寸如下:

    @1: 25 x 25
    @2: 50 x 50
    @3: 75 x 75
    

    创建三个上述像素大小的图像,然后将它们添加到 Assets.xcassets 文件中的新图像集中。

    备注

    • 当我尝试按照推荐的尺寸制作图标时,它们对我来说看起来太小了。我实际上让它们比那大一点。因此,以文档建议为起点,但您可能必须根据需要进行调整。
    • 第二种方法是使用单个通用矢量图像 (pdf)(请参阅 herehere)。 Not everyone recommends this,不过是我现在用的方法。它很方便,让未来的图像编辑和调整大小变得更容易。

    【讨论】:

      【解决方案3】:
       1. iPhone 5     88 / 64  px
       2. iPhone 4/4S  88 / 64 px 
       3. Retina iPad  88 px
       4. iPad Mini    44 px
       5. iPad         44 px
      

      导航栏通常包括标题以及基本导航和操作按钮(例如返回上一个视图、创建、编辑等)。在横向模式下,导航栏的高度通常会缩小一点(至 32pt),以便在其下方显示更多内容。

      参考链接:http://ivomynttinen.com/blog/the-ios-7-design-cheat-sheet/

      【讨论】:

        【解决方案4】:

        查看 Apple 文档以了解图标和图像大小here。如需更详细的 UI 图标规范,请查看here

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 2014-05-01
          • 2016-01-30
          • 2018-04-14
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2017-08-23
          相关资源
          最近更新 更多