iOS 6 应用程序 - 如何处理 iPhone 5 的屏幕尺寸？ [复制]

Question

可能重复：
How to develop or migrate apps for iPhone 5 screen resolution?

我只是想知道我们应该如何处理 iPhone 5 更大的屏幕尺寸。

由于它有更多的像素高度，像 GCRectMake 这样使用坐标的东西（并且由于视网膜/非视网膜问题只是将像素加倍）在版本之间无法无缝工作，就像我们得到 Retina 时发生的那样。

我们是否必须像 iPad 一样设计两个故事板？

我个人认为 Apple 不会要求您在每次必须绘制某些东西时检查屏幕尺寸，就像许多答案所说的那样。 iPad会发生这种情况吗？

Answer 1

您需要添加一个 640x1136 像素的 PNG 图像 (Default-568h@2x.png) 作为项目的 4 英寸默认启动图像，它会使用额外的空间（在简单的基于表格的应用程序上不做努力，游戏将需要更多的努力)。

我创建了一个小的 UIDevice 类别来处理所有的屏幕分辨率。可以get it here，不过代码如下：

文件UIDevice+Resolutions.h：

enum {
    UIDeviceResolution_Unknown           = 0,
    UIDeviceResolution_iPhoneStandard    = 1,    // iPhone 1,3,3GS Standard Display  (320x480px)
    UIDeviceResolution_iPhoneRetina4    = 2,    // iPhone 4,4S Retina Display 3.5"  (640x960px)
    UIDeviceResolution_iPhoneRetina5     = 3,    // iPhone 5 Retina Display 4"       (640x1136px)
    UIDeviceResolution_iPadStandard      = 4,    // iPad 1,2,mini Standard Display   (1024x768px)
    UIDeviceResolution_iPadRetina        = 5     // iPad 3 Retina Display            (2048x1536px)
}; typedef NSUInteger UIDeviceResolution;

@interface UIDevice (Resolutions)

- (UIDeviceResolution)resolution;

NSString *NSStringFromResolution(UIDeviceResolution resolution);

@end

文件UIDevice+Resolutions.m：

#import "UIDevice+Resolutions.h"

@implementation UIDevice (Resolutions)

- (UIDeviceResolution)resolution
{
    UIDeviceResolution resolution = UIDeviceResolution_Unknown;
    UIScreen *mainScreen = [UIScreen mainScreen];
    CGFloat scale = ([mainScreen respondsToSelector:@selector(scale)] ? mainScreen.scale : 1.0f);
    CGFloat pixelHeight = (CGRectGetHeight(mainScreen.bounds) * scale);

    if (UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPhone){
        if (scale == 2.0f) {
            if (pixelHeight == 960.0f)
                resolution = UIDeviceResolution_iPhoneRetina4;
            else if (pixelHeight == 1136.0f)
                resolution = UIDeviceResolution_iPhoneRetina5;

        } else if (scale == 1.0f && pixelHeight == 480.0f)
            resolution = UIDeviceResolution_iPhoneStandard;

    } else {
        if (scale == 2.0f && pixelHeight == 2048.0f) {
            resolution = UIDeviceResolution_iPadRetina;

        } else if (scale == 1.0f && pixelHeight == 1024.0f) {
            resolution = UIDeviceResolution_iPadStandard;
        }
    }

    return resolution;
 }

 @end

这就是您需要使用此代码的方式。

1) 将上面的 UIDevice+Resolutions.h & UIDevice+Resolutions.m 文件添加到你的项目中

2) 将 #import "UIDevice+Resolutions.h" 行添加到您的 ViewController.m

3) 添加此代码以检查您正在处理的设备版本

int valueDevice = [[UIDevice currentDevice] resolution];

    NSLog(@"valueDevice: %d ...", valueDevice);

    if (valueDevice == 0)
    {
        //unknow device - you got me!
    }
    else if (valueDevice == 1)
    {
        //standard iphone 3GS and lower
    }
    else if (valueDevice == 2)
    {
        //iphone 4 & 4S
    }
    else if (valueDevice == 3)
    {
        //iphone 5
    }
    else if (valueDevice == 4)
    {
        //ipad 2
    }
    else if (valueDevice == 5)
    {
        //ipad 3 - retina display
    }

Answer 2

没有。

if ([[UIScreen mainScreen] bounds].size.height > 960)

在 iPhone 5 上是错误的

if ([[UIScreen mainScreen] bounds].size.height == 568)

Answer 3

@interface UIDevice (Screen)
typedef enum
{
    iPhone          = 1 << 1,
    iPhoneRetina    = 1 << 2,
    iPhone5         = 1 << 3,
    iPad            = 1 << 4,
    iPadRetina      = 1 << 5

} DeviceType;

+ (DeviceType)deviceType;
@end

.m

#import "UIDevice+Screen.h"
@implementation UIDevice (Screen)

+ (DeviceType)deviceType
{
    DeviceType thisDevice = 0;
    if ([[UIDevice currentDevice] userInterfaceIdiom] == UIUserInterfaceIdiomPhone)
    {
        thisDevice |= iPhone;
        if ([[UIScreen mainScreen] respondsToSelector: @selector(scale)])
        {
            thisDevice |= iPhoneRetina;
            if ([[UIScreen mainScreen] bounds].size.height == 568)
                thisDevice |= iPhone5;
        }
    }
    else
    {
        thisDevice |= iPad;
        if ([[UIScreen mainScreen] respondsToSelector: @selector(scale)])
            thisDevice |= iPadRetina;
    }
    return thisDevice;
}

@end

这样，如果您想检测它只是 iPhone 还是 iPad（无论屏幕大小），您只需使用：

if ([UIDevice deviceType] & iPhone) 

或

if ([UIDevice deviceType] & iPad)

如果你只想检测 iPhone 5，你可以使用

if ([UIDevice deviceType] & iPhone5)

与 Malcoms 的回答相反，您需要检查它是否是 iPhone，

if ([UIDevice currentResolution] == UIDevice_iPhoneHiRes || 
    [UIDevice currentResolution] == UIDevice_iPhoneStandardRes || 
    [UIDevice currentResolution] == UIDevice_iPhoneTallerHiRes)`

这两种方式都没有一个主要优势，这只是个人喜好。

Answer 4

我刚刚完成更新并将我的一个应用程序的 iOS 6.0 版本发送到商店。此版本向后兼容 iOS 5.0，因此我保留了 shouldAutorotateToInterfaceOrientation: 方法并添加了如下所列的新方法。

我必须做到以下几点：

自动旋转在 iOS 6 中发生了变化。在 iOS 6 中，UIViewController 的 shouldAutorotateToInterfaceOrientation: 方法已弃用。取而代之的是，您应该使用 supportedInterfaceOrientationsForWindow: 和 shouldAutorotate 方法。 因此，我添加了这些新方法（并保留旧方法以兼容 iOS 5）：

- (BOOL)shouldAutorotate {
    return YES;
}

- (NSUInteger)supportedInterfaceOrientations {
    return UIInterfaceOrientationMaskAllButUpsideDown;    
}

• 使用视图控制器的viewWillLayoutSubviews 方法并使用视图的边界矩形调整布局。
• 模态视图控制器：不再调用willRotateToInterfaceOrientation:duration:、
  willAnimateRotationToInterfaceOrientation:duration: 和
  didRotateFromInterfaceOrientation: 方法 任何在
  上进行全屏演示的视图控制器 本身——例如，presentViewController:animated:completion:。
• 然后我修复了需要它的视图的自动布局。
• 将模拟器中用于启动视图和 iTunes 商店视图的图像复制到 PhotoShop 中，并将它们导出为 png 文件。
• 默认图片名称为：Default-568h@2x.png，尺寸为640×1136。它还允许为相同的纵向模式提供 640×1096（删除状态栏）。如果您的应用在 iPhone 上只允许横向显示，那么横向模式下也可能会提供类似的尺寸。
• 我已经放弃了对 iOS 4 的向后兼容性。主要原因是因为已经放弃了对 armv6 代码的支持。因此，我现在能够支持的所有设备（运行 armv7）都可以升级到 iOS 5。
• 我也在生成armv7s代码来支持iPhone 5，因此可以 在使用任何第三方框架（如 Admob 等）之前，不要使用它们 已更新。

这只是记住要在 iOS 5 和 iOS 6 中测试自动旋转，因为旋转发生了变化。

Answer 5

从我今天的演示中可以看出，所有应用程序都将继续在垂直拉伸的屏幕上运行。它们将被加装信箱，或者基本上额外的 88 点高度将只是黑色。

如果你只打算支持 iOS 6+，那么一定要考虑使用 Auto Layout。它删除了所有固定的布局处理，而是使用约束来布局。没有什么是硬编码的，你的生活会变得简单得多。

但是，如果您必须支持较旧的 iOS，那么这实际上取决于您的应用程序。大多数使用标准导航栏和/或标签栏的应用程序可以简单地扩展中间的内容以用完这些额外的点。设置中心内容的自动调整大小掩码以双向扩展。

view.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;

它对于表格视图开箱即用效果很好，但是，如果您的应用使用像素完美的布局来显示内容，那么您最好的办法是重新设计内容，以便它可以适应不同的高度。

如果这不可能，那么剩下的唯一选择就是拥有两个 UI（iPhone 5 之前和 iPhone 5）。

如果这听起来很难看，那么您可以使用默认的信箱模型，其中额外的点/像素只显示为黑色。

编辑

要使您的应用能够在 iPhone 5 上运行，您需要添加启动器图像的视网膜版本。它应该命名为Default-568h@2x.png。而且它必须是视网膜质量 - 这里没有向后兼容性:)

您也可以从 Xcode 中选择此图像。转到目标，然后在 Summary 部分下，查找 Launch Images。图像的大小必须为 640x1136 像素。如果有帮助，请在此处找到它的屏幕截图。

Answer 6

@Pascal 对 OP 问题的评论是正确的。通过简单地添加图像，它会删除黑色边框，并且应用程序将使用整个高度。

您需要通过确定设备正在使用更大的显示器来调整任何 CGRect。 IE。如果您需要与屏幕底部对齐的内容。

我确信有一个内置方法，但我没有看到任何东西，而且很多内容仍处于 NDA 之下，因此我们在应用程序中使用的方法非常简单，是一个全局函数。将以下内容添加到您的 .pch 文件中，然后通过简单的if( is4InchRetina() ) { ... } 调用来调整您的 CGRects 等。

static BOOL is4InchRetina()
{
    if (![UIApplication sharedApplication].statusBarHidden && (int)[[UIScreen mainScreen] applicationFrame].size.height == 548 || [UIApplication sharedApplication].statusBarHidden && (int)[[UIScreen mainScreen] applicationFrame].size.height == 568)
        return YES;

    return NO;
}

Answer 7

由于它在高度上有更多像素，因此使用坐标的 GCRectMake 之类的东西在版本之间无法无缝工作，就像我们获得 Retina 时发生的那样。

嗯，它们确实与 Retina 显示器的工作方式相同 - 只是 CoreGraphics 坐标系中的 1 个单位将对应 2 个物理像素，但您不必/不必这样做无论如何，逻辑保持不变。 （您是否真的尝试在视网膜 iPhone 上运行您的非视网膜应用之一，曾经？）

对于实际问题：这就是为什么你不应该使用明确的 CGRectMakes 和 co...这就是为什么你有像 [[UIScreen mainScreen] applicationFrame] 这样的东西。

Answer 8

我认为您可以使用[UIScreen mainScreen].bounds.size.height 并为您的对象计算步长。当您计算步长时，您可以为两种分辨率设置坐标。

或者你可以得到像上面这样的高度和if(iphone5) then... else if(iphone4) then... else if(ipad)。像这样。

如果您使用故事板，那么我认为您必须为新 iPhone 创建新的。