美文网首页iOS开发
iOS新机型iPhoneXr、iPhoneXs和iPhoneXs

iOS新机型iPhoneXr、iPhoneXs和iPhoneXs

作者: 流年划过颜夕 | 来源:发表于2018-11-22 17:17 被阅读121次

    2018年9月中询开始Apple宣布了3款iPhone的新机型,分别是iPhoneXr,iPhoneXs和iPhoneXs Max,为了更好的用户体验,所以项目中需要同步进行新机型的适配处理,于是研究并进行了相应的适配

    首先对设备展示做判断,通过网上的博客找到了判断iPhone新机型的标准,于是在KSDeviceDetector类中增加宏定义:

    define kDeviceModelIPhoneXS @"iPhone11,2"

    define kDeviceModelIPhoneXSMax @"iPhone11,4"

    define kDeviceModelIPhoneXSMax_1 @"iPhone11,6"

    define kDeviceModelIPhoneXR @"iPhone11,8"

    项目中具体判断代码添加以下代码:
    else if ([deviceString isEqualToString:kDeviceModelIPhoneXSMax] ||
    [deviceString isEqualToString:kDeviceModelIPhoneXSMax_1]) return @"iPhone XS Max";
    else if ([deviceString isEqualToString:kDeviceModelIPhoneXS]) return @"iPhone XS";
    else if ([deviceString isEqualToString:kDeviceModelIPhoneXR]) return @"iPhone XR";

    当然除此之外,更重要的是新机型进行屏幕适配
    考虑到之前适配iPhoneX的为分辨率:2436 * 1125
    而iPhoneXr,iPhoneXs和iPhoneXs Max他们的分辨率分别是:
    iPhoneXr的分辨率:1792 * 828
    iPhoneXs 的分辨率: 2436 * 1125
    iPhoneXs Max 的分辨率:2688 * 1242

    对比发现,iPhoneXs的屏幕尺寸和去年发布的iPhoneX是一样的,所以今年不需要做特殊处理,只需对其他两款机型做屏幕适配,更好的是因为项目一直使用到了专门针对屏幕适配的KSScreenHelper类,所以不需要在每个界面进行判断改动,直接在KSScreenHelper类中增加代码,一步即可:

    (UIEdgeInsets)contentInsets {
    CGRect statusBarRect = [UIApplication sharedApplication].statusBarFrame;
    UIEdgeInsets insets = UIEdgeInsetsMake(statusBarRect.size.height, 0, 0, 0);
    // special bottom insets for iPhoneX size (375 x 812)
    if (CGSizeEqualToSize(MainScreenSize(), CGSizeMake(375, 812))) {
    insets.bottom = 44;
    }
    // special bottom insets for iPhoneXR size
    else if (CGSizeEqualToSize(CGSizeMake(828, 1792), [[UIScreen mainScreen] currentMode].size)) {
    insets.bottom = 44;
    }
    // special bottom insets for iPhoneXR Max size
    else if (CGSizeEqualToSize(CGSizeMake(1242, 2688), [[UIScreen mainScreen] currentMode].size)) {
    insets.bottom = 44;
    }

    return insets;
    }

    最后在模拟器环境下进行检测与验证,确认了经过屏幕适配后的3款新机型运行流畅,屏幕布局正确无误。

    相关文章

      网友评论

        本文标题:iOS新机型iPhoneXr、iPhoneXs和iPhoneXs

        本文链接:https://www.haomeiwen.com/subject/mjtrqqtx.html