将故事板转换为 Autolyaouts 所需的图像尺寸和尺寸 类?
Image sizes required to convert storyboard to Autolyaouts and Size classes?
我现有的应用程序有两个故事板(iPhone 和 iPad),它支持 iOS7+。我现在正计划使用自动布局和大小 类 将其转换为一个故事板,但我几乎没有混淆:
图片的尺寸是多少?例如,现在没有 Size 类 和 Autolayouts,我要求设计师为 iPhone5 和 iPad 切片图像,并分别将它们制作成 @2x 和 @3x。但是对于 Autolayouts,他们必须切片什么尺寸,即他们将选择什么屏幕尺寸,然后相应地为我提供 @2x 和 @3x 的图像,即什么通用屏幕尺寸?例如,我要求他们给我一张屏幕尺寸的背景图片。他们会给我多大尺寸的?据我了解,它不应该是 iPhone 特定的或 iPad 特定的,因为该应用程序将是通用的。
我知道大小 类 支持 iOS8 之后,那么 iOS7 呢?我必须以编程方式为 iOS7 做事吗?我是否必须使用特定于设备的图像,或者我是否也可以使用 iOS7 的通用尺寸图像?
size classes 并不意味着你不能再对事物进行特定,你仍然应该将背景设置为合适的 phone 大小的图像,当 class 是phone(紧凑 x 常规)的形状,并在其大小为 iPad(常规 x 常规)时设置合适的 iPad 大小的图像。
看来您仍然可以在 iOS 7 with some limitations
中使用大小 classes
我认为您将大小 classes 视为拥有一个通用故事板,它将解决您像以前一样拥有特定 iPad 和 iPhone 故事板的问题,这部分是是的,它真正做的就是让你拥有两个独立的情节提要,所以如果你的 ipad 和 iphone 屏幕不同,你需要以不同的大小 classes 进行不同的布局(在你的情况下,不同大小的背景是不同的)。它可能只是让你不必在 2 个不同的故事板中指定你的自动布局两次(甚至可能不会)
对于图片,您还需要来自设计团队的不同图片:
imageName@2x.png: 640 x 960 (iPhone 4. iPhone 4s)
imageName-568h@2x.png: 640 x 1136 (iPhone 5, iPhone 5s)
imageName-667h@2x.png: 750 x 1334 (iPhone 6, Portrait)
imageName-736h@3x.png: 1242 x 2208 (iPhone 6 Plus, Portrait)
imageName~ipad.png: 750 x 1334 (iPad)
imageName~ipad@2x.png: 1242 x 2208 (iPad Retina)
对于图标,我们更愿意使用 icomoon.io 网站从图标的 svg 制作字体文件。
在开发过程中,我们需要在设备级别验证图像名称。看看这个实用程序:
https://github.com/victorjiang/UIImage-VJDeviceSpecificMedia/blob/master/UIImage%2BVJDeviceSpecialMedia.m
我现有的应用程序有两个故事板(iPhone 和 iPad),它支持 iOS7+。我现在正计划使用自动布局和大小 类 将其转换为一个故事板,但我几乎没有混淆:
图片的尺寸是多少?例如,现在没有 Size 类 和 Autolayouts,我要求设计师为 iPhone5 和 iPad 切片图像,并分别将它们制作成 @2x 和 @3x。但是对于 Autolayouts,他们必须切片什么尺寸,即他们将选择什么屏幕尺寸,然后相应地为我提供 @2x 和 @3x 的图像,即什么通用屏幕尺寸?例如,我要求他们给我一张屏幕尺寸的背景图片。他们会给我多大尺寸的?据我了解,它不应该是 iPhone 特定的或 iPad 特定的,因为该应用程序将是通用的。
我知道大小 类 支持 iOS8 之后,那么 iOS7 呢?我必须以编程方式为 iOS7 做事吗?我是否必须使用特定于设备的图像,或者我是否也可以使用 iOS7 的通用尺寸图像?
size classes 并不意味着你不能再对事物进行特定,你仍然应该将背景设置为合适的 phone 大小的图像,当 class 是phone(紧凑 x 常规)的形状,并在其大小为 iPad(常规 x 常规)时设置合适的 iPad 大小的图像。
看来您仍然可以在 iOS 7 with some limitations
中使用大小 classes我认为您将大小 classes 视为拥有一个通用故事板,它将解决您像以前一样拥有特定 iPad 和 iPhone 故事板的问题,这部分是是的,它真正做的就是让你拥有两个独立的情节提要,所以如果你的 ipad 和 iphone 屏幕不同,你需要以不同的大小 classes 进行不同的布局(在你的情况下,不同大小的背景是不同的)。它可能只是让你不必在 2 个不同的故事板中指定你的自动布局两次(甚至可能不会)
对于图片,您还需要来自设计团队的不同图片:
imageName@2x.png: 640 x 960 (iPhone 4. iPhone 4s)
imageName-568h@2x.png: 640 x 1136 (iPhone 5, iPhone 5s)
imageName-667h@2x.png: 750 x 1334 (iPhone 6, Portrait)
imageName-736h@3x.png: 1242 x 2208 (iPhone 6 Plus, Portrait)
imageName~ipad.png: 750 x 1334 (iPad)
imageName~ipad@2x.png: 1242 x 2208 (iPad Retina)
对于图标,我们更愿意使用 icomoon.io 网站从图标的 svg 制作字体文件。
在开发过程中,我们需要在设备级别验证图像名称。看看这个实用程序: https://github.com/victorjiang/UIImage-VJDeviceSpecificMedia/blob/master/UIImage%2BVJDeviceSpecialMedia.m