iOS启动动画效果实现

iOS 的启动动画你见过不少,但像 Twitter 那样自带 bounce 效果的,还是挺抓眼的。这份代码就用了SKSplashView加上UIImageView做了个还原度比较高的启动动画。嗯,颜色、icon、动画类型都能自定义,响应也快,适合做 App 首屏的闪屏展示。

动画的核心是SKSplashIconSKSplashView。前者管 icon 动画,比如上下弹跳,后者管整个动画视图的布局和背景色。直接贴一段代码,你一看就懂:

UIImageView *imageView = [[UIImageView alloc] initWithFrame:self.view.frame];
imageView.image = [UIImage imageNamed:@"twitter background.png"];
[self.view addSubview:imageView];

SKSplashIcon *twitterSplashIcon = [[SKSplashIcon alloc] initWithImage:[UIImage imageNamed:@"twitterIcon.png"] animationType:SKIconAnimationTypeBounce]; UIColor *twitterColor = [UIColor colorWithRed:0.25098 green:0.6 blue:1.0 alpha:1.0];

_splashView = [[SKSplashView alloc] initWithSplashIcon:twitterSplashIcon backgroundColor:twitterColor animationType:SKSplashAnimationTypeNone]; _splashView.delegate = self; _splashView.animationDuration = 2; [self.view addSubview:_splashView]; [_splashView startAnimation];

想要自定义动画类型,或者改下 icon 图都挺方便的,唯一要注意的就是别忘了设置animationDuration,不然默认就只有 1 秒,有点短。

如果你对其他动画类型感兴趣,下面这些链接也可以看看,UIImageView动画、核心动画SDWebImage做 GIF、还有挺多源码分享的,实用性都蛮高:

如果你正好在做 App 启动页,想整点“活儿”,不妨试试这个组合,效果还挺不错的。

zip 文件大小:33.84KB