LaunchImage 的2x和R4是什么意思

LaunchImage 的2x和R4是什么意思,第1张

2x 表示是Retina屏设备用的图片,Retina屏设备的分辨率是非Retina屏的2倍,因此为保证显示效果,需要根据不同设备显示不同的图片, R4指的是Retina 4寸的屏幕,对应的PNG资源后缀需要-568h@2x.png

回看苹果手机app启动动画的方法、步骤:

1、准备你的启动画面

2、为了同时支持2种分辨率,我们需要准备2个版本的启动画面:

320 x 480 (for iPhone 2G / 3G / 3GS)

640 x 960 (for iPhone 4 / 4S)

3、为了简单一点,这里演示如何为iPhone App添加启动画面,针对iPad App的 *** 作,请参考Apple的 iOS Human Interface Guideline文档 – 关于启动图像大小和命名规范。

启动图像必须为PNG格式。默认情况下,你可将低分辨率图像文件命名为 Default.png,对高分辨率的图像,用于Retina屏幕的(640*960分辨率)图像文件命名为 Default@2x.png,@2x是iOS中一种标准的分辨率修饰符。所有用于在Retina屏幕显示的图像都应采用 @2x 字符串。

4、也可以不是有Default 作为启动图像文件名,使用其他喜欢的文件名。启动图像文件定义在App的Info.plist文件中。以创建的Simple Table应用程序为例,在SimpleTable-Info.plist文件中,添加一个新的属性命名为 – Launch image,并指定偏爱的文件名(如 MyLaunchImage)。

5、上述 *** 作指示iOS 使用 MyLaunchImage.png 和 MyLaunchImage@2x.png 文件作为启动画面。

6、可以设计自己的启动画面。基于测试的需要,可以到这里下载启动画面。

7、在Xcode中添加启动图像

8、在准备好启动图像之后,回到Xcode,打开你的Xcode项目,继续使用Simple Table项目。右击 SimpleTable项目,选择 Add Files to SimpleTable,同时添加 Default.png 和 Default@2x.png 到项目中。

9、在完成上述 *** 作之后,会在项目中看到这两个文件,同时Xcode 自动识别文件作为启动图像。

10、开始测试!

11、再次运行App,这次在App运行的时候,将会看到一个启动画面立即显示。因为在App启动的时候没有太多东西加载,因此启动画面仅显示1秒,并消失。

LaunchImage是app的启动页(快闪页),不同的手机加载同一张图片会出现拉伸等现象,因此要做相应适配

声明:只做了iphone手机的适配

战前准备,以下图片各一张

1242 px x 2688 px、828  x  1792、1125 × 2436、1242 x 2208、750 x 1334、640 x 960、640 x 1136

开始表演

1.选中LaunchScreen.storyboard, 勾选掉use as launch screen

2.选中工程,清除掉Launch Screen File中的路径,选中Launch Image Sourc

3.添加已经准备好的图片到assets.xcassets中的LaunchImage(如果没有,右击空白处,选中App Icons&Launch Images,选择New iOS Launch Image)

至此设配就完成了

补充:在app中想直接读取LaunchImage,是没法直接使用用户自己设置的名称来读取的,苹果做了相应的和转化,在查看包内容的时候可以查看到。

判断不同的机型, 宏定义

NSString*LaunchImage =@""

   if (IS_iPhoneXS_MAX){

        LaunchImage =@"LaunchImage-1200-Portrait-2688h@3x"

    } else if (IS_iPhoneXR) {

        LaunchImage =@"LaunchImage-1200-Portrait-1792h@2x"

    } else if (IS_iPhoneX) {

        LaunchImage =@"LaunchImage-1100-Portrait-2436h@3x"

    } else if (IS_iPhone6_Plus) {

        LaunchImage =@"LaunchImage-800-Portrait-736h@3x"

    } else if (IS_iPhone_6) {

        LaunchImage =@"LaunchImage-800-667h@2x"

    } else if (IS_iPhone_5) {

        LaunchImage =@"LaunchImage-700-568h@2x"

    } else if (IS_iPhone_4S) {

        LaunchImage =@"LaunchImage-700@2x"

    }

     return  LaunchImage


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11717128.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存