美文网首页iOSiOS开发-基础知识iOS开发
iOS iPhone各机型尺寸及导航栏高度

iOS iPhone各机型尺寸及导航栏高度

作者: 小花的后花园 | 来源:发表于2019-01-29 16:35 被阅读4530次
    引言

    很多小伙伴,在开发过程中,经常遇到尺寸不明,无法呈现最好的结果,今天整理一下iPhone5到iPhone XS Max的尺寸及导航高度

    设备型号 iPhone4,4s iPhone5,5s,5c,SE iPhone 6,6s iPhone 6Plus,6sPlus ,iPhone 8Plus,7Plus iPhone 7,8 iPhone X,iPhone XS iPhone Xs Max iPhone XR
    尺寸 3.5 4英寸 4.7英寸 5.5英寸 4.7英寸 5.8英寸 6.5英寸 6.1英寸
    纵向分辨率 640 x 960 640 x1136(不包含状态栏) 750x 1334 1242 x 2208 750x 1334 1125 x 2436 1242 x 2688 828 x 1792
    横向分辨率 960 x 640 1136 x 640(不包含状态栏) 1334x750 2208 x 1242 1334x750 2436 x 1125 2688 x 1242 1792 x828
    支持倍数 @2x @2x @2x @3x @2x @3x @3x @3x
    状态栏高度(px) 40 40 40 60 40 132 132 88
    导航栏高度(px) 88 88 88 132 88 132 132 88
    标签栏高度(px) 98 98 98 147 98 147 147 98
    1545789413276942.png
    图标尺寸
    1545789413327202.png 1545789552899963.png
    中文字体(默认的是PingFang SC)

    英文字体:SF UI Text 、SF UI Display
    其中SF UI Text适用与小于19pt的文字,SF UI Display适用于大于20pt的文字

    9.png

    界面命名规范

    23.png
    24.png
    25.png 26.png 27.png 28.png

    相关文章

      网友评论

        本文标题:iOS iPhone各机型尺寸及导航栏高度

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