iPhone14系列屏幕适配

作者: 刘明洋 | 来源:发表于2022-09-15 10:47 被阅读0次

    一、四款继续尺寸

    001.png

    iPhone14

    与iPhone13系列保持一致,有相同的屏幕尺寸,并且仍然使用A15仿生芯片。

    • A15 仿生芯片(6 核中央处理器、5 核图形处理器、16 核神经网络引擎)
    • 显示器:6.1英寸超视网膜 XDR OLED
    • 屏幕分辨率(点数):390 x 844
    • 原生分辨率(像素): 1170 x 2532 (460 ppi)
    • 原生比例因子:3x
    iPhone14@2x.png

    因为状态栏高47,可以使用以下安全区域方案来适配:
    安全区域配置:(portrait模式):top: 47, bottom: 34, left: 0, right: 0
    安全区域配置:(landscape模式):top: 0, bottom: 21, left: 47, right: 47

    iPhone 14 Plus

    除了更大的屏幕尺寸和电池续航能力外,iPhone 14 Plus的规格与iPhone 14相同。

    • A15 仿生芯片(6 核中央处理器、5 核图形处理器、16 核神经网络引擎)
    • 显示器:6.7英寸超视网膜 XDR OLED
    • 屏幕分辨率(点数):428 x 926
    • 原生分辨率(像素): 1284 x 2778 (458 ppi)
    • 原生比例因子:3x
    iPhone14Plus@2x.png

    因为状态栏高47,可以使用以下安全区域方案来适配(与iPhone 14相同):
    安全区域配置:(portrait模式):top: 47, bottom: 34, left: 0, right: 0
    安全区域配置:(landscape模式):top: 0, bottom: 21, left: 47, right: 47

    iPhone 14 Pro

    iPhone 14 Pro 拥有 6.1 英寸显示屏。最大的区别在于全天候显示器和灵动岛。

    • A16 仿生芯片(6 核中央处理器、5 核图形处理器、16 核神经网络引擎)。
    • 显示器:6.1 英寸超视网膜 XDR OLED,配备 ProMotion、全天候显示屏和灵动岛。
    • 屏幕分辨率(点数):393 x 852
    • 原生分辨率(像素): 1179 x 2556(460 ppi)
    • 原生比例因子:3x
    iPhone14Pro@2x.png

    iPhone 14 Pro 屏幕比尺寸相似的 iPhone 13 Pro 屏幕宽 3 (9 像素),高 8 (24 像素)。状态栏也从47点增加到54,
    需要请注意,顶部安全区域为59。与iPhone 13 Pro相比,这降低了人像模式下安全区域的高度,从763像素降至759像素。

    因为状态栏高59,可以使用以下安全区域方案来适配:
    安全区域配置:(portrait模式):top: 59, bottom: 34, left: 0, right: 0
    安全区域配置:(landscape模式):top: 0, bottom: 21, left: 59, right: 59

    iPhone 14 Pro Max

    iPhone 14 Pro Max与iPhone 14 Pro的规格相同,但显示屏更大。

    • A16 仿生芯片(6 核中央处理器、5 核图形处理器、16 核神经网络引擎)。
    • 显示器:6.7 英寸超视网膜 XDR OLED,配备 ProMotion、全天候显示屏和灵动岛。
    • 屏幕分辨率(点数):430 x 932
    • 原生分辨率(像素): 1290 x 2796(460 ppi)
    • 原生比例因子:3x
    iPhone14ProMax@2x.png

    iPhone 14 Pro Max 屏幕比 iPhone 13 Pro Max 屏幕宽 2 (6 像素),高 6 (18 像素)。状态栏也从47点增加到54点,
    需要注意,顶部安全区域嵌入为59点。与iPhone 13 Pro Max相比,这降低了人像安全区域的高度,从845像素降至839像素。

    因为状态栏高59,可以使用以下安全区域方案来适配(与iPhone 14 Pro相同):
    安全区域配置:(portrait模式):top: 59, bottom: 34, left: 0, right: 0
    安全区域配置:(landscape模式):top: 0, bottom: 21, left: 59, right: 59

    iPhone系列完整列表

    根据我的统计,开发需要支持11种不同的iPhone屏幕尺寸,最低部署目标是iOS 10-iOS13:

    6.7英寸(430 x 932 points @3x)
    iPhone 14 Pro Max

    6.7英寸(428 x 926 points @3x)
    iPhone 14 Plus、iPhone 13 Pro Max、iPhone 12 Pro Max

    6.5英寸(414 x 896 points @3x)
    iPhone 11 Pro Max、iPhone XS Max

    6.1英寸(393 x 852 points @3x)
    iPhone 14 Pro

    6.1英寸(390 x 844 points @3x)
    iPhone 14、iPhone 13 Pro、iPhone 13、iPhone 12 Pro、iPhone 12

    6.1英寸(414 x 896 points @2x)
    iPhone 11、iPhone XR

    5.8英寸(375 x 812 points @3x)
    iPhone 11 Pro、iPhone XS、iPhone X

    5.5英寸(414 x 736 points @3x)
    iPhone 8 Plus、iPhone 7 Plus、iPhone 6S Plus

    5.4英寸(375 x 812 points @3x)
    iPhone 13 mini、iPhone 12 mini

    4.7英寸(375 x 667 points @2x)
    iPhone SE(第2代)、iPhone 8、iPhone 7、iPhone 6S

    4英寸(320 x 568 points @2x)
    iPhone SE(第1代)、iPod Touch(第7代)

    相关文章

      网友评论

        本文标题:iPhone14系列屏幕适配

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