zoukankan      html  css  js  c++  java
  • 关于iOS启动页launchImage和各个屏幕使用的分辨率

    文章来自http://www.jianshu.com/p/47c1377c61d6

    https://www.cnblogs.com/Rinpe/p/5670017.html


    111.png

    工程配置信息中设置显示launchImage:
    1、删除Launch Screen File
    2、在Launch Images Source中设置你在Assets.xcassets中设置的启动页


    222.png

    如果你发现:项目运行并没有显示设置的图片,那么试试下面这种方法
    1、转到LaunchScreen.storyboard
    2、取消勾选配置信息中的Use as Launch Screen选项


    333.png

    好了,一切就绪!当你再次启动程序时,如果你发现,这一切并没有什么luan用!好吧,请在模拟器中卸载/删除你的APP,然后再重新运行即可~

    关于LaunchImage图片命名以及其尺寸:

    名称分辨率(pixel)用途尺寸
    竖屏(Portrait) - - -
    Default@2x 640x960 用于iPhone 4/4s -
    Default-568h@2x 640X1136 用于iPhone 5/5c/5s -
    Default-667h@2x 750X1334 用于iPhone 6/6s Retina HD4.7
    Default-736h@3x 1242X2208 用于iPhone 6 Plush/6s Plush Retina HD5.5
    横屏(Landscape) - - -
    Default-736h-Landscape@3x 2208X1242 用于横屏启动 Landscape Retina Hd 5.5


    作者:光是光光的光呐
    链接:http://www.jianshu.com/p/47c1377c61d6
    來源:简书
    著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

    iOS设备

    iOS设备的屏幕的大小、分辨率以及比例因数(Scale Factor)[1]。

    iPhone

    设备宽(inch)高(inch)对角线(inch)逻辑分辨率(point)Scale Factor设备分辨率(pixel)PPI
    3GS 2.4 4.5 3.5 320X480 @1x 320X480 163
    4/4s 2.31 4.5 3.5 320X480 @2x 640X960 326
    5c 2.33 4.90 4 320X568 @2x 640X1136 326
    5/5s 2.31 4.87 4 320X568 @2x 640X1136 326
    6/6s 2.64 5.44 4.7 375X667 @2x 750X1334 326
    6+/6s+ 3.06 6.22 5.5 414X736 @3x 1080X1920(1242X2208)* 401

    * 在iPhone 6 Plush以及iPhone 6s Plush中,实际分辨率为1080X1920,在开发中,以1242X2208进行适配。

    iPad

    设备名称上市日期屏幕尺寸(inch)Scale Factor设备分辨率(pixel)PPI
    iPad 2010.01 9.7 @1x 1024X768 132
    iPad2 2011.03 9.7 @1x 1024X768 132
    The new iPad 2012.05 9.7 @2x 2048X1536 264
    iPad mini 2012.10 7.9 @1x 1024X768 163
    iPad 4 2012.12 9.7 @2x 2048X1536 264
    iPad Air 2013.10 9.7 @2x 2048X1536 264
    iPad mini 2 2013.10 7.9 @2x 2048X1536 326
    iPad Air2 2014.10 9.7 @2x 2048X1536 264
    iPad mini 3 2014.10 7.9 @2x 2048X1536 326
    iPad mini 4 2015.09 7.9 @2x 2048X1536 326
    iPad Pro 2015.11 12.9 @3x 2732X2048 264

    在Xcassets中,图片名称不再重要,只需要将相应的图片放置至对应的位置即可。以下命名只作参考。

    Icon

    iOS应用图标的命名及分辨率大小和用途[2]。

    名称分辨率(pixel)用途
    iTunesArtwork 512X512 iTunes商店应用列表的图标
    iTunesArtwork@2x 1024X1024 视网膜屏幕设备的iTunes商店应用列表的图标
    Icon-60@2x 120X120 视网膜屏幕的iPhone或iPod Touch的桌面图标
    Icon-60@3x 180X180 iPhone 6 Plus的桌面图标
    Icon-76 76X76 iPad的桌面图标
    Icon-76@2x 152X152 视网膜屏幕的iPad的桌面图标
    Icon-Small-40 40X40 搜索结果列表的图标
    Icon-Small-40@2x 80X80 视网膜屏幕设备的搜索结果列表的图标
    Icon-Small-40@3x 120X120 iPhone 6 Plus的搜索结果列表的图标
    Icon-Small 29X29 设置中的图标
    Icon-Small@2x 58X58 视网膜屏幕设备的设置中的图标
    Icon-Small@3x 87X87 iPhone 6 Plus的设置中的图标
    iOS 6.1及之前*    
    Icon 57X57 iOS 6.1及之前的iPhone和iPod Touch的桌面图标
    Icon@2x 114X114 iOS 6.1及之前的视网膜屏幕的iPhone和iPod Touch的桌面图标
    Icon-72 72X72 iOS 6.1及之前的iPad的桌面图标
    Icon-72@2x 144X144 iOS 6.1及之前的视网膜屏幕的iPad的桌面图标
    Icon-Small 29X29 iOS 6.1及之前的iPhone和iPod Touch的搜索结果列表和设置中的图标
    Icon-Small@2x 58X58 iOS 6.1及之前的视网膜屏幕的iPhone和iPod Touch的搜索结果列表和设置中的图标
    Icon-Small-50 50X50 iOS 6.1及之前的iPad的搜索结果列表的图标
    Icon-Small-50@2x 100X100 iOS 6.1及之前的视网膜屏幕的iPad的搜索结果列表的图标

    * iOS 6.1及以前的设备已经很少了,所以可以选择适配。

    LaunchImage

    iOS应用的启动页分辨率及用途。

    iPhone

    名称分辨率(pixel)用途
    竖屏(Portrait)    
    Default 320X480 用于iPhone 3GS
    Default@2x 640X960 用于iPhone 4/4s
    Default-568h@2x 640X1136 用于iPhone 5/5c/5s
    Default-Retina@2x 640X1136 用于iPhone 5/5c/5s
    Default-667h@2x 750X1334 用于iPhone 6/6s
    Default-736h@3x 1242X2208 用于iPhone 6 Plush/6s Plush
    横屏(Landscape)    
    Default-736h-Landscape@3x 2208X1242 用于iPhone 6 Plush/6s Plush横屏启动

    iPad

    名称分辨率(pixel)备注
    Default-Landscape~iPad 1024X768 横屏
    Default-Portrait~iPad 768X1024 竖屏
    Default-Landscape~iPad@2x 2048X1536 横屏
    Default-Portrait~iPad@2x 1536X2048 竖屏
    To-Status-Bar*    
    Default-Landscape-StatusBar~iPad 1024X748 横屏
    Default-Portrait-StatusBar~iPad 768X1004 竖屏
    Default-Landscape-StatusBar~iPad@2x 2048X1496 横屏
    Default-Portrait-StatusBar~iPad@2x 1536X2008 竖屏

    * to-Status-bar:个人理解为不包含状态栏。

    其他相关大小

    控件(Element)大小(Size)(points)备注
    Window (including status bar) 320 x 480 pts 窗口(包含状态栏)
    Status Bar 20 pts 状态栏
    View inside window(visible status bar) 320 x 460 窗口内的视图,不包含状态栏
    Navigation Bar 44 pts 导航栏高度
    Nav Bar Image / Toolbar Image up to 20 x 20 pts (transparent PNG) 导航栏图标大小,拉伸或压缩至20X20,建议使用透明的PNG图片
    Tab Bar 49 pts 标签栏
    Tab Bar Icon up to 30 x 30 pts (transparent PNGs) 标签栏图标,拉伸或压缩至30X30,建议使用透明PNG图片
    Text Field 31 pts 文本框高度,不可调
    Height of a view inside a navigation bar 416 pts 有导航栏存在的视图高度
    Height of a view inside a tab bar 411 pts 有标签栏存在的视图高度
    Height of a view inside a navbar and a tab bar 367 pts 导航栏、标签栏同时存在的视图高度
    Portrait Keyboard height 216 pts 竖屏键盘高度
    Landscape Keyboard height 140 pts 横屏键盘高度

    此表中大小以单倍比例因数为准。

  • 相关阅读:
    Maven 安装 / 常用配置 / 阿里maven中央仓库
    记录:框架
    Mysql配置文件详解 my.cof
    Vmware虚拟机设置静态IP地址
    虚拟机安装centos发现inet为127.0.0.1,导致Xshell连接不上
    Servlet小案例总结
    Win10 提升系统响应速度
    从顶端插入,滚动展示(Demo):
    eclipse +cygwin+C++
    大型网站技术学习-3. 容器Docker与kubernetes
  • 原文地址:https://www.cnblogs.com/wohaoxue/p/7844003.html
Copyright © 2011-2022 走看看