iOS启动动画效果实现
iOS 的启动动画你见过不少,但像 Twitter 那样自带 bounce 效果的,还是挺抓眼的。这份代码就用了SKSplashView加上UIImageView做了个还原度比较高的启动动画。嗯,颜色、icon、动画类型都能自定义,响应也快,适合做 App 首屏的闪屏展示。
动画的核心是SKSplashIcon
和SKSplashView
。前者管 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 启动页,想整点“活儿”,不妨试试这个组合,效果还挺不错的。
评论区