IOS下的屏幕相关和AppIcon尺寸以及LaunchImage 简单介绍
2017-01-19 15:10
281 查看
http://blog.csdn.net/abc__d/article/details/51487810
关于iOS 设备的屏幕:
1.所谓Retain屏幕,就是高清视网膜屏幕,分辨率宽高是标准屏幕分辨率的2倍。
2.设备的一些相关信息如下:
3.分辨率的意思就是把屏幕进行横向、纵向等分。
在retina屏幕下一个点表示2像素, 在非retina屏幕下一个点表示1像素。
在iPhone6 plus 下一个点表示3个像素。
4.前人总结的结论:
结论1:
在同样一个尺寸的屏幕下由于使用的屏幕不一样 (retina和非retina),所以造成的屏幕分辨率会不同。也就 是说,同样是30*30的像素,在3.5 inch大小的屏幕上,如 果是非retina显示会大一些, retina屏幕显示会小一些。
结论2:
所以在开发中使用的是点。(比如使用30*30,不 是表示30像素,而是表示30点,这样的话iOS系统会自动 把点转换为对应的像素)。
– 1> 非retina屏幕1个点表示1像素
– 2> retian屏幕1个点表示2像素
– 3> iPhone6 Plus下1个点表示3像素
结论3:
• Default-568h@2x
– 568表示iPhone5
– h 表示高度
– 上面的这些都是固定写法,顺序不能调换
• 总结:iOS开发面向的是点坐标系,不是像素。因为程序中的是点, iOS系统会自动把点转换为不同的像素去找图片, 所以图片对应的也要准备多份不同的图片。
• @2x (视网膜屏幕, 在原来点坐标的大小上乘以2)
• @3x
• 比如:btn_left这张图,在代码中写的时候使用的是btn_left,iOS会根据实际的屏幕去查找btn_left.png或者是btn_left@2x.png或者btn_left@3x.png
• Default-568h@2x
– 568表示iPhone5
– h 表示高度
– 上面的这些都是固定写法,顺序不能调换
•
总结:iOS开发面向的是点坐标系,不是像素。
问题: 为什么同样一张图片要做很多张?
原因1> 因为不同的iPhone的屏幕大小可能不一样,即便同样大小的屏幕,分辨率也不一样,所以为了在不同手机上都能正常显示(高质量显示)所以对于长得一样的图片要做不同的版本。
原因2> 同样一个图片(比如:AppIcon)在不同的地方都要显示,并且不同的地方需要的图片的尺寸是不一样的,所以在这种情况下也需要做多个图.
• 一个app在启动过程中会全屏显示叫做Default.png的图片
• 不同规格Default的使用场合
➢ Default.png:非retina-iPhone屏幕(3.5
inch),320x480
➢ Default@2x.png:retina-iPhone屏幕(3.5
inch),640x960
➢ Default-568h@2x.png:4 inch的retina-iPhone屏幕,640x1136
➢ Default-Portrait~ipad.png:非retain-iPad竖屏屏幕,768x1024
➢ Default-Portrait~ipad@2x.png:retain-iPad竖屏屏幕,1536x2048
➢ Default-Landscape~ipad.png:非retain-iPad横屏屏幕,1024x768
➢ Default-Landscape~ipad@2x.png:retain-iPad横屏屏幕,2048x1536
* 为什么会有很多的AppIcon? 因为有很多地方要用到。
1> iPhone上显示的应用程序图标
2> 在AppStore上显示的图标
3> SpotLight上显示的图标
• 只要文件名叫做Icon.png,就 会自动被当做是应用程序的 图标。
• 一个应用程序可以准备多种 规格的图标,详情可以查看 苹果官方文档,如下图。
•下面再给出正在做的一个Cordova项目添加到ios平台下的自动生成的icon 和LauncherImage的文件夹及尺寸如下,以供参考。
下面是在Finder中的文件内容:
如何查看某个图片的具体尺寸:点击图片,显示简介即可看到相关的尺寸。
总结如下:如上图:
AppIcon 中: icon-small.png 是29*29像素 @2x 是58*58像素 @3x是87*87像素。icon.png 是57*57像素。其余同理。
LaunchImage 中的尺寸可以查阅上文启动图片的介绍。其中portrait 是竖屏的意思,landscape是横屏的意思。
都可以在属性面板中查看,但是AppIcon 下的图片看不出图标的真是尺寸,但是LaunchImage下的图片可以看到真实的尺寸。其实从文件的大小也可以看的出来。如果在对应的ios版本和屏幕尺寸下没有相对应的图标,那么在进行模拟器或者真机调试的时候就没有相关的图标显示!
关于iOS 设备的屏幕:
1.所谓Retain屏幕,就是高清视网膜屏幕,分辨率宽高是标准屏幕分辨率的2倍。
2.设备的一些相关信息如下:
3.分辨率的意思就是把屏幕进行横向、纵向等分。
在retina屏幕下一个点表示2像素, 在非retina屏幕下一个点表示1像素。
在iPhone6 plus 下一个点表示3个像素。
4.前人总结的结论:
结论1:
在同样一个尺寸的屏幕下由于使用的屏幕不一样 (retina和非retina),所以造成的屏幕分辨率会不同。也就 是说,同样是30*30的像素,在3.5 inch大小的屏幕上,如 果是非retina显示会大一些, retina屏幕显示会小一些。
结论2:
所以在开发中使用的是点。(比如使用30*30,不 是表示30像素,而是表示30点,这样的话iOS系统会自动 把点转换为对应的像素)。
– 1> 非retina屏幕1个点表示1像素
– 2> retian屏幕1个点表示2像素
– 3> iPhone6 Plus下1个点表示3像素
结论3:
• Default-568h@2x
– 568表示iPhone5
– h 表示高度
– 上面的这些都是固定写法,顺序不能调换
• 总结:iOS开发面向的是点坐标系,不是像素。因为程序中的是点, iOS系统会自动把点转换为不同的像素去找图片, 所以图片对应的也要准备多份不同的图片。
• @2x (视网膜屏幕, 在原来点坐标的大小上乘以2)
• @3x
• 比如:btn_left这张图,在代码中写的时候使用的是btn_left,iOS会根据实际的屏幕去查找btn_left.png或者是btn_left@2x.png或者btn_left@3x.png
• Default-568h@2x
– 568表示iPhone5
– h 表示高度
– 上面的这些都是固定写法,顺序不能调换
•
总结:iOS开发面向的是点坐标系,不是像素。
应用程序启动图片
问题:问题: 为什么同样一张图片要做很多张?
原因1> 因为不同的iPhone的屏幕大小可能不一样,即便同样大小的屏幕,分辨率也不一样,所以为了在不同手机上都能正常显示(高质量显示)所以对于长得一样的图片要做不同的版本。
原因2> 同样一个图片(比如:AppIcon)在不同的地方都要显示,并且不同的地方需要的图片的尺寸是不一样的,所以在这种情况下也需要做多个图.
• 一个app在启动过程中会全屏显示叫做Default.png的图片
• 不同规格Default的使用场合
➢ Default.png:非retina-iPhone屏幕(3.5
inch),320x480
➢ Default@2x.png:retina-iPhone屏幕(3.5
inch),640x960
➢ Default-568h@2x.png:4 inch的retina-iPhone屏幕,640x1136
➢ Default-Portrait~ipad.png:非retain-iPad竖屏屏幕,768x1024
➢ Default-Portrait~ipad@2x.png:retain-iPad竖屏屏幕,1536x2048
➢ Default-Landscape~ipad.png:非retain-iPad横屏屏幕,1024x768
➢ Default-Landscape~ipad@2x.png:retain-iPad横屏屏幕,2048x1536
应用程序图标
问题:* 为什么会有很多的AppIcon? 因为有很多地方要用到。
1> iPhone上显示的应用程序图标
2> 在AppStore上显示的图标
3> SpotLight上显示的图标
• 只要文件名叫做Icon.png,就 会自动被当做是应用程序的 图标。
• 一个应用程序可以准备多种 规格的图标,详情可以查看 苹果官方文档,如下图。
•下面再给出正在做的一个Cordova项目添加到ios平台下的自动生成的icon 和LauncherImage的文件夹及尺寸如下,以供参考。
下面是在Finder中的文件内容:
如何查看某个图片的具体尺寸:点击图片,显示简介即可看到相关的尺寸。
总结如下:如上图:
AppIcon 中: icon-small.png 是29*29像素 @2x 是58*58像素 @3x是87*87像素。icon.png 是57*57像素。其余同理。
LaunchImage 中的尺寸可以查阅上文启动图片的介绍。其中portrait 是竖屏的意思,landscape是横屏的意思。
都可以在属性面板中查看,但是AppIcon 下的图片看不出图标的真是尺寸,但是LaunchImage下的图片可以看到真实的尺寸。其实从文件的大小也可以看的出来。如果在对应的ios版本和屏幕尺寸下没有相对应的图标,那么在进行模拟器或者真机调试的时候就没有相关的图标显示!
相关文章推荐
- IOS下的屏幕相关和AppIcon尺寸以及LaunchImage 简单介绍
- iOS AppIcon尺寸和上传ITunes构建版本尺寸和iPhone屏幕尺寸
- IOS APP的各种ICON的尺寸-官方介绍
- iOS AppIcon + launchImage+iPhone 屏幕分辨率相关知识
- iOS设备分辨率相关APP icon尺寸
- IOS 获取IOS屏幕尺寸大小以及 获取当前app的名称和版本号
- ios基础篇—图标尺寸选择 AppIcon&LaunchImage-(比较清晰)
- iOS的LaunchImage 和AppIcon的设置以及要求总结
- 【iOS开发-1】AppIcon图标的尺寸,绘制,命名规则以及怎么回到HOME界面查看效果?
- IOS学习 app的icon以及开机画页尺寸
- iOS 上线 LaunchImage、Icon、iTunes connect的屏幕快照——iOS 上线相关(一)
- 【iOS开发-1】AppIcon图标的尺寸,绘制,命名规则以及怎么回到HOME界面查看效果?
- iOS 的 APP 如何适应 iPhone 5s/6/6Plus 三种屏幕的尺寸?
- 【Cuda并行编程之一】二分查找的探究以及Cuda的简单实现&&相关面试题介绍
- iOS 应用的 AppIcon 和 LaunchImage
- wbs简单介绍以及相关模板截图
- iOS App Icon图标 尺寸规范
- iOS 的 APP 如何适应 iPhone 5s/6/6Plus 三种屏幕的尺寸
- IOS App Icon Size 图标尺寸 LaunchImage iPhone Portrait 启动画面大小 Image资源使用
- iOS 的 APP 在系统中如何适应 iPhone 5s/6/6 Plus 三种屏幕的尺寸?