麻烦事No.2：“能给我这个的3X分辨率的图吗？”

这个的确很烦，因为每个app的每个设计师被问这个问题都至少一年了。貌似苹果每年都会增加一种新的屏幕分辨率，今年我也持怀疑态度。随着硬件技术的发展，苹果总是走在前沿，总是在尽可能地提高屏幕的ppi。很不幸，这意味着我们不能直接在“预览”中放大已有的图片，因为这会造成诸如图片像素化和产生锯齿等问题。通俗点，就是我们的图片变丑了，噁！每次你叫设计师出一张已有图片的3x分辨率图，某个地方就又要死一只独角兽了。这实际上也解释了为什么现在看不到这种神奇的生物了。

所以去年我在WWDC上提到的最好的消息，就是Xcode 6 及以上版本支持在Asset Catalog中使用矢量PDF了。你的设计师知道这是什么意思，但是大致上，PDF是矢量元素的事实标准。矢量文件包含一个元素的很多元数据，用来告诉系统如何渲染这些内容，而这些和屏幕分辨率无关。举个通俗易懂例子，一个圆形的矢量PDF图，当它渲染成5像素宽和渲染成5000000像素宽时是一样清晰的。

在iOS平台，Xcode是在编译时，根据你的矢量PDF图的大小，生成1x、2x和3x图。如果你的PDF图是45*45px，那么Xcode会在编译时生成下面3个PNG：

• 45*45px      ：1x设备用的(iPhone 3G and 3GS)
  
• 90*90px      ：2x或Retina显示设备用的(iPhone 4, 4S, 5, 5S, and 6)
  
• 135*135px  ：3x设备用的(iPhone 6 Plus 及以上)
  
  

这也意味着当有更高的屏幕分辨率时，Xcode可以根据已有的矢量PDF放大图片，这样自动就支持以后的设备了。还有，如果你是OS X开发者，那么矢量PDF就更好用了，OS X app完全支持矢量PDF，你可以用代码缩放图片而不会失真。

而你需要做的就是，找你的好基友设计师拿到这些矢量PDF文件，然后在Asset Catalog的Attribtues Pane中，在Scale Factor的下拉框中选择Single Vector就行了。

你可以直接把PDF拖到Asset Catalog中，然后进行设置。

麻烦事No.2：“能给我这个的3X分辨率的图吗？”

这个的确很烦，因为每个app的每个设计师被问这个问题都至少一年了。貌似苹果每年都会增加一种新的屏幕分辨率，今年我也持怀疑态度。随着硬件技术的发展，苹果总是走在前沿，总是在尽可能地提高屏幕的ppi。很不幸，这意味着我们不能直接在“预览”中放大已有的图片，因为这会造成诸如图片像素化和产生锯齿等问题。通俗点，就是我们的图片变丑了，噁！每次你叫设计师出一张已有图片的3x分辨率图，某个地方就又要死一只独角兽了。这实际上也解释了为什么现在看不到这种神奇的生物了。

所以去年我在WWDC上提到的最好的消息，就是Xcode 6 及以上版本支持在Asset Catalog中使用矢量PDF了。你的设计师知道这是什么意思，但是大致上，PDF是矢量元素的事实标准。矢量文件包含一个元素的很多元数据，用来告诉系统如何渲染这些内容，而这些和屏幕分辨率无关。举个通俗易懂例子，一个圆形的矢量PDF图，当它渲染成5像素宽和渲染成5000000像素宽时是一样清晰的。

在iOS平台，Xcode是在编译时，根据你的矢量PDF图的大小，生成1x、2x和3x图。如果你的PDF图是45*45px，那么Xcode会在编译时生成下面3个PNG：

• 45*45px      ：1x设备用的(iPhone 3G and 3GS)
  
• 90*90px      ：2x或Retina显示设备用的(iPhone 4, 4S, 5, 5S, and 6)
  
• 135*135px  ：3x设备用的(iPhone 6 Plus 及以上)
  
  

这也意味着当有更高的屏幕分辨率时，Xcode可以根据已有的矢量PDF放大图片，这样自动就支持以后的设备了。还有，如果你是OS X开发者，那么矢量PDF就更好用了，OS X app完全支持矢量PDF，你可以用代码缩放图片而不会失真。

而你需要做的就是，找你的好基友设计师拿到这些矢量PDF文件，然后在Asset Catalog的Attribtues Pane中，在Scale Factor的下拉框中选择Single Vector就行了。

你可以直接把PDF拖到Asset Catalog中，然后进行设置。