LaunchScreen启动图和自定义启动图

LaunchScreen启动图

1.在LaunchScreen.storyboard中添加全屏的UIImageView并添加对应图片(可自己添加控件)
2.下方红框的Launch Screen File选择LaunchScreen
3.此时运行app应该能正常显示了
4.如果启动图显示过快,可在application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions方法中添加代码[NSThread sleepForTimeInterval:1.0](比如放在第一行)。


自定义启动图

首先在Assets.xcassets中右键新建Launch Image,如下图

新建之后默认名字是LaunchImage(如果有多个的话会LaunchImage-1之类这样显示)。默认界面如下:


有些图片适配是不需要的,比如iOS 5、6 和 Landscape(横屏)iOS 8、9,可以在上图右边红框内去掉相应的勾选,如下图


下面是参考尺寸
iPhone Portrait iOS 8-Retina HD 5.5 @3x -> 1242×2208
iPhone Portrait iOS 8-Retina HD 4.7 @2x -> 750×1334
iPhone Portrait iOS 7,8-2x @2x -> 640×960
iPhone Portrait iOS 7,8-Retina 4 @2x -> 640×1136
iPhone Portrait iOS 5,6-1x @1x -> 320×480
iPhone Portrait iOS 5,6-2x @2x -> 640×960
iPhone Portrait iOS 5,6-Retina4 @2x -> 640×1136
上面蓝色字体的是对应上图中四个位置的图片尺寸,然后把图片改成对应的像素尺寸,再拖到上图中对应位置即可(文件中的Contents.json会自动配置,不需要手动配置)。

注意:图片需要是png格式。假如是其他格式直接把后缀名改成png格式的话虽然表面没问题,但实际程序运行中是不能识别的(亲测)。所以如果是其他格式的图片最好通过格式转换器转换成png格式,比如用ps导出png格式。

配置完毕如图:


然后Targets -> General中设置启动图的数据源



然后此时运行程序应该能看到效果了(必须注意图片不能手动改后缀名)

如果想要在启动图中添加一些动态效果,比如



主要思路:
在上面设置了LaunchImage基础之上,app启动时就会自动显示启动图,然后在AppDelegate中的window中添加一个控件,比如UIImageView,再对该控件设置成启动动画的图片并添加动画。(即启动图启动完毕之后就会显示该UIImageView,使得整体看起来还是在启动过程中)。那UIImageView怎么知道应该显示的是那种尺寸的图片?参照getLaunchImage函数,主要通过获取LaunchImage中所有图片,然后通过循环根据屏幕大小条件和横屏竖屏条件筛选出合适的图片。

示例代码:

Application:didFinishLaunchingWithOptions函数中

self.window=[[UIWindow alloc]initWithFrame:[UIScreen mainScreen].bounds];self.window.rootViewController=[[JMMainViewController alloc]init];
[self.window makeKeyAndVisible];
[self showLaunchImageView];//调用启动图动画


//启动动画
-(void)showLaunchImageView{
    UIImageView* launchImageView = [[UIImageView alloc]initWithFrame:self.window.bounds];
    launchImageView.image = [self getLaunchImage];
    [self.window addSubview:launchImageView];
    [self.window bringSubviewToFront:launchImageView];
  
    dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(0.8 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
        [UIView animateWithDuration:1.2 animations:^{
            launchImageView.alpha = 0.0;
            launchImageView.transform = CGAffineTransformMakeScale(1.2, 1.2);
         }completion:^(BOOL finished) {
            [launchImageView removeFromSuperview];
        }];
    });
}


//根据屏幕尺寸自动选择合适尺寸的启动图片
-(UIImage*)getLaunchImage{
   
    UIImage *launchImage = nil;
    NSString* viewOrientation = nil;
    CGSize viewSize = [UIScreen mainScreen].bounds.size;
    UIInterfaceOrientation orientation = [[UIApplication sharedApplication] statusBarOrientation];
   
    //是否左横屏或者右横屏
    if (orientation == UIInterfaceOrientationLandscapeLeft || orientation == UIInterfaceOrientationLandscapeRight) {  
    //home键所在方向为left或者right
    viewOrientation = @"Landscape";  //横屏
    }else{
        viewOrientation =@"Portrait";  //竖屏
    }
   
    //取得所有启动图片
    NSArray *imagesDictionary = [[[NSBundle mainBundle] infoDictionary] valueForKey:@"UILaunchImages"];
   
    for (NSDictionary *dict in imagesDictionary) {
       CGSize imageSize = CGSizeFromString(dict[@"UILaunchImageSize"]);
       //判断图片的尺寸和横竖屏是否和当前屏幕符合
       if (CGSizeEqualToSize(imageSize, viewSize) && [viewOrientation isEqualToString:dict[@"UILaunchImageOrientation"]]) {
           launchImage = [UIImage imageNamed:dict[@"UILaunchImageName"]];
       }
    }
   
    return launchImage;
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,732评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,496评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,264评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,807评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,806评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,675评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,029评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,683评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 41,704评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,666评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,773评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,413评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,016评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,978评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,204评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,083评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,503评论 2 343

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,019评论 4 62
  • 注意: *iOS所有图标的圆角效果由系统生成,给到的图标本身不能是圆角的 *App icon for the Ap...
    漫雪思舟阅读 3,007评论 0 1
  • 我自诩是一个热爱学习的人。但是今天我发现,我过去的学习可能是“假学习”。 简单统计一下我一天的信息输入: 1,新闻...
    牛爸爱学习阅读 370评论 1 7
  • 三月的雪 七月的风 我走过你的春夏秋冬 夏夜的月 伤了眼 月下的湖水 留住了你的容颜 世界在我们脚下 年轻的生命啊...
    乌托邦的梦阅读 324评论 0 0
  • (本人微信昵称 慧姿) 你呢?你有多少次不假思索地答应别人的请求?你有多少次恨自己答应去做什么事,事后却疑惑不解地...
    赵慧姿阅读 149评论 0 0