Xcode 6允许VECTOR图像资产...任何想法如何使用它们？

Question

当我注意到一些非常有趣的东西时,我正在摆弄Xcode 6与图像资产:我们现在可以在其中指定矢量图像(在选择Images.xcassets后,请参阅"工具"窗格中).

我尝试了一个小应用程序(包含一个大的UIImageView)和一个.SVG图像(不起作用),然后一个.EPS(也没用),我终于尝试了.PDF它工作了!好吧,虽然我看到了图像,它看起来像素化而没有矢量化.

因此,似乎苹果正在为矢量图标/图像做准备.没有更多的zillions版本的应用程序图标,不再有"@ 2x"图像.但任何人都可以解锁该功能吗？

谢谢你的尝试.

Answer 1

以下是对矢量资产进行一些实验后的一些想法:

1.编译时间支持

经过几次试验,我相信这只是一个编译时的支持.Xcode在编译时生成所有1x,2x和3x图像.这意味着它适用于较旧的iOS版本.同时,这意味着在最终版本中,它仍然是PNG格式,你无法从矢量文件中获得更大的无损图像.

2.为什么用PDF代替SVG或其他格式

对于SVG和其他格式,矢量图像没有实际尺寸信息,而PDF具有尺寸信息.我认为Xcode 6所做的是使用PDF中的大小信息作为实际显示大小,然后从矢量图像生成2x 3x文件.

PDF大小信息

3. PDF的文件大小无关紧要

在开始时,我们担心PDF将比PNG大得多.我们尝试了http://smallpdf.com/来压缩它,它运行得很好.但是如果我之前说过的原始PDF文件没有包含在构建中,那么PDF的文件大小并不重要.

如果我发现任何其他事情,将继续编辑这篇文章.

编辑14-09-25

@mredig提到,对于iOS,它在编译时生成位图,但对于OSX,它以可伸缩的形式包含矢量图像.

Answer 2

以下是如何在Xcode 6中的资产目录中试验矢量图像:

现在,无论在何处使用该图像,都可以根据其上下文(例如固定大小的图像视图)进行调整,而不进行光栅化,如此屏幕截图所示:

在此输入图像描述

编辑尽管有这样的答案,较大的PDF绘图是光栅化的.但是现在,请参阅/sf/answers/3193610031/:在Xcode 9中,矢量PDF正确缩放,没有光栅化.

Answer 3

您可以使用此在线工具将您的图像从svg转换为pdf

1-上传图片

2-选择宽度:24px,高度:24px

3-复制到您的xcode项目

4-转到Images.xcassets

5-右键单击并创建新图像集

6-从右侧面板选择(属性检查员)

7-将类型更改为矢量

8-将你的pdf图像拖放到那里

9-在你的项目中使用它

Answer 4

一个提示 - 使用@ 2x(myfile@2x.pdf)创建PDF @ 2x分辨率和文件名,这样就可以获得完美的锐化和对比度图像,特别适用于iPad 2和mini.