设置导航栏图标ios的大小

Question

我想知道导航栏图标是否有任何默认大小。设计师需要设计它。他们应该设计它用于视网膜和非视网膜显示。目前我使用从互联网上下载的图像看起来不太好

Answer 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

Answer 2

导航栏图标的docs中的建议尺寸如下：

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

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

备注

• 当我尝试按照建议的尺寸制作图标时，它们看起来太小了。我实际上让它们比那个大一点。因此，请将doc建议作为起点，但您可能必须根据需要进行调整。
• 第二种方法是使用单个通用矢量图像（pdf）（参见here和here）。 Not everyone recommends this，但这是我现在使用的方法。方便，使未来的图像编辑和调整大小更容易。

Answer 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/

Answer 4

查看Apple的文档，了解图标和图像尺寸here。有关更详细的UI图标规范，请选中here。