IOS 开发之UIView动画的实例详解

时间:2022-09-20 12:00:15

ios 动画实例详解

ios动画的实现方式多种多样,这里就只记录一下 beginanimations:context 。

在你调用 beginanimations:context:方法来启动一个动画后,动画并不会立即被执行,直 到你调用 uiview 类的 commitanimations 类方法。你对一个视图对象执行的介于 beginanimations:context:方法跟 commitanimations方法之间的操作(例如移动)会在 commitanimations 被执行后才会生效 。

实现效果图:

IOS 开发之UIView动画的实例详解IOS 开发之UIView动画的实例详解

代码很简单,直接贴了,如下:

?
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
105
106
107
108
109
110
111
112
113
114
115
116
117
//
// viewcontroller.m
// graphics
//
// created by aaron on 14b-5-29.
// copyright (c) 2014年 the technology studio. all rights reserved.
//
 
#import "viewcontroller.h"
 
@interface viewcontroller ()
@property(nonatomic,strong) uiimageview *imageview1;
@property(nonatomic,strong) uiimageview *imageview2;
 
@end
 
@implementation viewcontroller
 
- (void)viewdidload
{
  [super viewdidload];
   
  uiimage *image = [uiimage imagenamed:@"1.png"];
  self.imageview1 = [[uiimageview alloc] initwithimage:image];
  self.imageview2 = [[uiimageview alloc] initwithimage:image];
  [self.imageview1 setframe:cgrectmake(0.0f,
                     0.0f,
                     100.0f,
                     100.0f)];
   
  [self.imageview2 setframe:cgrectmake(220.0f,
                     350.0f,
                     100.0f,
                     100.0f)];
  [self.view addsubview:self.imageview1];
  [self.view addsubview:self.imageview2];
   
//  [self starttopleftimageviewanimation];
//  [self startbottomrightviewanimationafterdelay:2];
  [self affinetransformscaleanimation];
  [self affinetransformrotateanimation];
   
}
 
//imageview2 animation
-(void)starttopleftimageviewanimation{
  [self.imageview1 setframe:cgrectmake(0.0f,
                     0.0f,
                     100.0f,
                     100.0f)];
  [self.imageview1 setalpha:1.0f];
  [uiview beginanimations:@"imageview1animation" context:(__bridge void*)self.imageview1];
  [uiview setanimationduration:3.0f];
  [uiview setanimationdelegate:self];
  [uiview setanimationdidstopselector:@selector(imageviewdidstop:finished:context:)];
  [self.imageview1 setframe:cgrectmake(220.0f, 350.0f, 100.0f, 100.0f)];
  [self.imageview1 setalpha:0.0f];
  [uiview commitanimations];
}
 
-(void)imageviewdidstop:(nsstring*)paramanimationid finished:(nsnumber*)paramfinished context:(void*)paramcontext{
  nslog(@"animationid = %@\n",paramanimationid);
  uiimageview *contextimageview = (__bridge uiimageview *)(paramcontext);
  nslog(@"contextimageview = %@",contextimageview);
  [contextimageview removefromsuperview];
}
 
 
//imageview2 animation
-(void)startbottomrightviewanimationafterdelay:(cgfloat)paramdelay{
  [self.imageview2 setframe:cgrectmake(220.0f,
                     350.0f,
                     100.0f,
                     100.0f)];
  [self.imageview2 setalpha:1.0f];
  [uiview beginanimations:@"imageview2animation" context:(__bridge voidvoid *)(self.imageview2)];
  [uiview setanimationduration:3.0f];
  [uiview setanimationdelay:paramdelay];
  [uiview setanimationdelegate:self];
  [uiview setanimationdidstopselector:@selector(imageviewdidstop:finished:context:)];
  [self.imageview2 setframe:cgrectmake(0.0f, 0.0f, 100.0f, 100.0f)];
  [self.imageview2 setalpha:0.0f];
  [uiview commitanimations];
}
 
 
//imageview1 affinetransformscale animation
-(void)affinetransformscaleanimation{
  self.imageview1.center = self.view.center;
  self.imageview1.transform = cgaffinetransformidentity;
  [uiview beginanimations:nil context:null];
  [uiview setanimationduration:5.0f];
  self.imageview1.transform = cgaffinetransformmakescale(2.0f, 2.0f);
  [self.imageview1 setalpha:0.0f];
  [uiview commitanimations];
}
 
//imageview2 affinetransformrotate animation
-(void)affinetransformrotateanimation{
  self.imageview2.center = self.view.center;
  [uiview beginanimations:@"clockwiseanimation" context:null];
  [uiview setanimationduration:5.0f];
  [uiview setanimationdelegate:self];
  [uiview setanimationdidstopselector:@selector(clockwiserotationstopped:finished:context:)];
  self.imageview2.transform = cgaffinetransformmakerotation(90.0f*m_pi/180.f);
  [uiview commitanimations];
}
 
 
-(void)clockwiserotationstopped:(nsstring*)paramanimationid finished:(nsnumber*)paramfinished context:(void*)paramcontext{
  [uiview beginanimations:@"counterclockwiseanimation" context:null];
  [uiview setanimationduration:5.0f];
  self.imageview2.transform = cgaffinetransformidentity;
  [uiview commitanimations];
}
 
@end

以上就是关于ios动画开发的实例,本站对于ios 开发还有很多教程,大家可以搜索查阅!

原文链接:http://blog.csdn.net/chaoyuan899/article/details/27563413