IOS下的屏幕相关和AppIcon尺寸以及LaunchImage 简单介绍

2024-04-11 10:08

本文主要是介绍IOS下的屏幕相关和AppIcon尺寸以及LaunchImage 简单介绍,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

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 inchretina-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 简单介绍的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/893773

相关文章

Mysql表的简单操作(基本技能)

《Mysql表的简单操作(基本技能)》在数据库中,表的操作主要包括表的创建、查看、修改、删除等,了解如何操作这些表是数据库管理和开发的基本技能,本文给大家介绍Mysql表的简单操作,感兴趣的朋友一起看... 目录3.1 创建表 3.2 查看表结构3.3 修改表3.4 实践案例:修改表在数据库中,表的操作主要

Python+PyQt5实现多屏幕协同播放功能

《Python+PyQt5实现多屏幕协同播放功能》在现代会议展示、数字广告、展览展示等场景中,多屏幕协同播放已成为刚需,下面我们就来看看如何利用Python和PyQt5开发一套功能强大的跨屏播控系统吧... 目录一、项目概述:突破传统播放限制二、核心技术解析2.1 多屏管理机制2.2 播放引擎设计2.3 专

springboot简单集成Security配置的教程

《springboot简单集成Security配置的教程》:本文主要介绍springboot简单集成Security配置的教程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,... 目录集成Security安全框架引入依赖编写配置类WebSecurityConfig(自定义资源权限规则

JavaScript Array.from及其相关用法详解(示例演示)

《JavaScriptArray.from及其相关用法详解(示例演示)》Array.from方法是ES6引入的一个静态方法,用于从类数组对象或可迭代对象创建一个新的数组实例,本文将详细介绍Array... 目录一、Array.from 方法概述1. 方法介绍2. 示例演示二、结合实际场景的使用1. 初始化二

MySQL中慢SQL优化的不同方式介绍

《MySQL中慢SQL优化的不同方式介绍》慢SQL的优化,主要从两个方面考虑,SQL语句本身的优化,以及数据库设计的优化,下面小编就来给大家介绍一下有哪些方式可以优化慢SQL吧... 目录避免不必要的列分页优化索引优化JOIN 的优化排序优化UNION 优化慢 SQL 的优化,主要从两个方面考虑,SQL 语

如何使用Python实现一个简单的window任务管理器

《如何使用Python实现一个简单的window任务管理器》这篇文章主要为大家详细介绍了如何使用Python实现一个简单的window任务管理器,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起... 任务管理器效果图完整代码import tkinter as tkfrom tkinter i

Python实战之屏幕录制功能的实现

《Python实战之屏幕录制功能的实现》屏幕录制,即屏幕捕获,是指将计算机屏幕上的活动记录下来,生成视频文件,本文主要为大家介绍了如何使用Python实现这一功能,希望对大家有所帮助... 目录屏幕录制原理图像捕获音频捕获编码压缩输出保存完整的屏幕录制工具高级功能实时预览增加水印多平台支持屏幕录制原理屏幕

C++中函数模板与类模板的简单使用及区别介绍

《C++中函数模板与类模板的简单使用及区别介绍》这篇文章介绍了C++中的模板机制,包括函数模板和类模板的概念、语法和实际应用,函数模板通过类型参数实现泛型操作,而类模板允许创建可处理多种数据类型的类,... 目录一、函数模板定义语法真实示例二、类模板三、关键区别四、注意事项 ‌在C++中,模板是实现泛型编程

Python实现html转png的完美方案介绍

《Python实现html转png的完美方案介绍》这篇文章主要为大家详细介绍了如何使用Python实现html转png功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 1.增强稳定性与错误处理建议使用三层异常捕获结构:try: with sync_playwright(

Java使用多线程处理未知任务数的方案介绍

《Java使用多线程处理未知任务数的方案介绍》这篇文章主要为大家详细介绍了Java如何使用多线程实现处理未知任务数,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 知道任务个数,你可以定义好线程数规则,生成线程数去跑代码说明:1.虚拟线程池:使用 Executors.newVir