iOS开发- 启动动画(动态欢迎界面,非静态Default)

最近在使用《青葱日记》这款App,发现它的启动界面做的很精美。

不同我自己之前简单的替换Default.png图片。 它的动态效果做的不错。

于是乎,花了点时间,自己实现了这个功能。 其实也很简单,具体效果如下


\


实现起来也不困难。因为我们知道,在应用启动的时候,它会先执行AppDelegate.m中的

?
1
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions

执行完之后,才会进入视图。如果,我们在这个方法中加入一些动画,那么就会在动画执行完之后再进入我们的rootview。这就是实现原理。 很简单吧。


下面直接给出实现这一效果的源码,很简单。不多说废话(当然,实现方法很多。 我只是给出我自己的方法)


1.AppDelegate.h中声明一个UIImageView

@property (strong, nonatomic) UIImageView *splashView;

2.AppDelegate.m实现相关功能

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
@synthesize splashView;
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
     // Override point for customization after application launch.
     [self.window makeKeyAndVisible];
     
     splashView = [[UIImageView alloc]initWithFrame:CGRectMake( 0 , 0 , 320 , 568 )];
     [splashView setImage:[UIImage imageNamed:@ "back_" ]];
     
     [self.window addSubview:splashView];
     [self.window bringSubviewToFront:splashView];
     
     
     [self performSelector: @selector (scale_1) withObject:nil afterDelay: 0 .0f];
     [self performSelector: @selector (scale_2) withObject:nil afterDelay: 0 .5f];
     [self performSelector: @selector (scale_3) withObject:nil afterDelay: 1 .0f];
     [self performSelector: @selector (scale_4) withObject:nil afterDelay: 1 .5f];
     [self performSelector: @selector (scale_5) withObject:nil afterDelay: 2 .0f];
     [self performSelector: @selector (showWord) withObject:nil afterDelay: 2 .5f];
 
     
     return YES;
}
 
-( void )scale_1
{
     UIImageView *round_1 = [[UIImageView alloc]initWithFrame:CGRectMake( 100 , 240 , 15 , 15 )];
     round_1.image = [UIImage imageNamed:@ "round_" ];
     [splashView addSubview:round_1];
     [self setAnimation:round_1];
}
 
-( void )scale_2
{
     UIImageView *round_2 = [[UIImageView alloc]initWithFrame:CGRectMake( 105 , 210 , 20 , 20 )];
     round_2.image = [UIImage imageNamed:@ "round_" ];
     [splashView addSubview:round_2];
     [self setAnimation:round_2];
}
 
-( void )scale_3
{
     UIImageView *round_3 = [[UIImageView alloc]initWithFrame:CGRectMake( 125 , 170 , 30 , 30 )];
     round_3.image = [UIImage imageNamed:@ "round_" ];
     [splashView addSubview:round_3];
     [self setAnimation:round_3];
}
 
-( void )scale_4
{
     UIImageView *round_4 = [[UIImageView alloc]initWithFrame:CGRectMake( 160 , 135 , 40 , 40 )];
     round_4.image = [UIImage imageNamed:@ "round_" ];
     [splashView addSubview:round_4];
     [self setAnimation:round_4];
}
 
-( void )scale_5
{
     UIImageView *heart_1 = [[UIImageView alloc]initWithFrame:CGRectMake( 130 , 180 , 100 , 100 )];
     heart_1.image = [UIImage imageNamed:@ "heart_" ];
     [splashView addSubview:heart_1];
     [self setAnimation:heart_1];
}
 
-( void )setAnimation:(UIImageView *)nowView
{
     
     [UIView animateWithDuration: 0 .6f delay: 0 .0f options:UIViewAnimationOptionCurveLinear
                      animations:^
                     {
                         // 执行的动画code
                         [nowView setFrame:CGRectMake(nowView.frame.origin.x- nowView.frame.size.width* 0.1 , nowView.frame.origin.y-nowView.frame.size.height* 0.1 , nowView.frame.size.width* 1.2 , nowView.frame.size.height* 1.2 )];
                      }
                      completion:^(BOOL finished)
                     {
                          // 完成后执行code
                         [nowView removeFromSuperview];
                      }
      ];
     
 
}
 
-( void )showWord
{
     
     UIImageView *word_ = [[UIImageView alloc]initWithFrame:CGRectMake( 75 , 440 , 170 , 29 )];
     word_.image = [UIImage imageNamed:@ "word_" ];
     [splashView addSubview:word_];
     
     word_.alpha = 0.0 ;
     [UIView animateWithDuration: 1 .0f delay: 0 .0f options:UIViewAnimationOptionCurveLinear
                      animations:^
                      {
                          word_.alpha = 1.0 ;
                      }
                      completion:^(BOOL finished)
                      {
                          // 完成后执行code
                          [NSThread sleepForTimeInterval: 1 .0f];
                          [splashView removeFromSuperview];
                      }
      ];
}


学习的路上,与君共勉。

转载自:http://www.2cto.com/kf/201402/277821.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值