我负责开发项目的设计师(我的第一个iOS项目之一)使用设置为1242x2208像素的Photoshop画布设计应用程序,这是iPhone 6+使用的像素数。我已经浏览了互联网,并且对于1x,2x,3x的所有转换变得越来越困惑,并且为了进一步混乱,苹果缩小到1080x1920。
无论如何,如何正确切割@ 1x,@ 2x,@ 3x的资产?当我裁剪我想要的元素时,我将其保存为3倍。但是,除了获得2x和1x版本,我该怎么做?
这里的第二个问题和假设情况:有一个按钮设计为纵向的屏幕全宽,因此设计师将其设为1242x100。如果我将其保存为3x,然后将其缩小2倍和1倍,此按钮是否适合所有不同的屏幕尺寸,一直到iPhone 4 / 4s,它具有更小的像素尺寸和不同的宽高比?
困惑,任何帮助表示赞赏!
答案 0 :(得分:1)
事实上Retina尺寸令人困惑,但这就是Xcode中使用的自动调整大小。
但Apple提供给我们的API,选择@ 3,@ 2和1尺寸。开发人员/设计人员不需要做任何事情,而是提供所有三个图像。一个例子是:
ObjC:
+ (NSImage *)imageNamed:(NSString *)name]
斯威夫特:
init?(named name: String) -> NSImage
只使用没有@ etc的图像名称...所以,myImageName@3x.png myImageName@2x.png myImageName.png只会被称为“myImageName”
API处理其余部分:)
答案 1 :(得分:1)
实施例: 如果您的原创作品是960像素×1704像素,只需保存图像,包括" @ 3x"
image@3x.png // (960 x 1704)
然后你必须将它的大小调整为640x1136并保存包括" 2x"
image@2x.png // (640x1136)
然后你必须将其调整为320x568并保存为1x
image.png // (320x568)
答案 2 :(得分:0)
我遇到了同样的问题。我做的是,在切割iPhone 6 +(@ 3x)的所有图像后,我只是将PSD的大小调整为iPhone 5的宽度为640px(如果保持宽高比,则高度为1138像素)并剪切@ 2x图像。对于1x图像,再次调整为320px宽度。
只是,iPhone 6 +,iPhone 6和iPhone 5具有几乎相同的宽高比。
祝你好运!