美文网首页iOS开发好文iOS开发之技能点iOS实战
iOS启动图、icon图标、引导页整理

iOS启动图、icon图标、引导页整理

作者: Colin_狂奔的蚂蚁 | 来源:发表于2016-04-23 15:55 被阅读5438次

    前言

    好长时间没从开始重新做一个app了,有些尺寸说实话我自己也有点忘了,不过还好,看看都能查到,于是就想自己整理出来,总结一下,也可以分享给大家看。

    目录

    一、APP icon图标

    二、启动图标

    三、引导页图片

    四、IOS发布到AppStore 截图及视频尺寸要求

    一、APP icon图标

    我直接在Apple Documentation搜索App Icon-->Icon and Image Sizes,展示如下:

    上面的尺寸已经很清楚了,下面看看项目中如何配置:

    二、启动图标

    注意:在项目中需要配置

    这样就设置成功了,但是可能启动图显示的时间比较短,来不及看就一闪而过了,可以手动延迟一下启动图停留的时间。代码如下:

    在AppDelegate.m 中添加 [NSThread sleepForTimeInterval:10];

    - (BOOL)application:(UIApplication*)application didFinishLaunchingWithOptions:(NSDictionary*)launchOptions {

    [NSThreadsleepForTimeInterval:10];returnYES;

    }

    下面这个图是在App Icon-->Launch Files中的说明(portrait表示竖屏;landscape表示横屏):

    三、引导页图片

    我们知道,iphone的屏幕尺寸有着几种:

    iphone 4/4s: 3.5 寸 分辨率:640X960 高宽比 640/960 = 1.5

    iphone 5/5c/5s:4 寸 分辨率:640X1136 高宽比 1136/640 = 1.775

    iphone 6 4.7寸 分辨率:750X1334 高宽比1334/750 = 1.775

    iphone 6s 5.5寸 分辨率:1242X2208 高宽比 2208/1242 = 1.778

    那么是不是美工要切4套图呢,如果这样,编译的app就非常大了!有经验的美工的话只会给你两套图!为什么呢?请看各型号手机的高宽比,发现了吧:只有4/4s的 高宽比是1.5其他都近视1.775!也就是说,我们通过判断手机的屏幕高度来区分加载那套图,然后做适当的等比例放大就行了!

    命名规则:

    iphone 4/4s:new_feature_numIndex@2x.png

    iphone 5/5c/5s:new_feature_numIndex-568h@2x.png

    iphone 6:new_feature_numIndex-667h@2x.png

    iphone 6s:new_feature_numIndex@3x.png

    我的项目里面切了3张图,如图:

    四、IOS发布到AppStore 截图及视频尺寸要求

    截图尺寸

    iphone4 :640 x 960 或者 960 x 640

    phone5:640 x 1136 或者 1136 x 640

    phone6:750 x 1334 或者 1334 x 750

    phone6 plus:1242 x 2208 或者 2208x1242 (phone 6 plus实际分辨率是 1080x1920)

    ipad不管是哪代 都是 768 x 1024 或者 1024 x 768

    视频尺寸

    3.5寸 无视频 无需上传

    ipad 900x1200 或者 1200 x 900 很奇葩

    4.7寸 750x1334 或者 1334 x 750

    5.5寸和4寸都可以用 1080x1920 或者 1920 x 1080

    App图标:需要1024*1024(像素)的图片

    结语

    基本上我把能截图的都截图下来了,一些命名格式也可以参考下,如果有地方错误的或好的建议,可以给我指出来,谢谢!

    iOS技术交流:566912706

    相关文章

      网友评论

      本文标题:iOS启动图、icon图标、引导页整理

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