关闭

ios常用的几个动画代码

标签: ios
266人阅读 评论(0) 收藏 举报
分类:


?
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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
使用前
 
        需引入QuartzCore.framework, 并在相关文件中加入 #import "QuartzCore/QuartzCore.h"
 
定义
 
         shakeFeedbackOverlay为UIImageView
 
设置
 
         self.shakeFeedbackOverlay.alpha = 0.0;
 
         self.shakeFeedbackOverlay.layer.cornerRadius = 10.0; //设置圆角半径
 
1、图像左右抖动
 
    CABasicAnimation* shake = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"];
 
    shake.fromValue = [NSNumber numberWithFloat:-M_PI/32];
 
    shake.toValue = [NSNumber numberWithFloat:+M_PI/32];
 
    shake.duration = 0.1;
 
    shake.autoreverses = YES; //是否重复
 
    shake.repeatCount = 4;
 
    [self.shakeFeedbackOverlay.layer addAnimation:shake forKey:@"shakeAnimation"];
 
    self.shakeFeedbackOverlay.alpha = 1.0;
 
    [UIView animateWithDuration:2.0 delay:0.0 options:UIViewAnimationOptionCurveEaseIn | UIViewAnimationOptionAllowUserInteraction animations:^{ self.shakeFeedbackOverlay.alpha = 0.0; //透明度变0则消失 } completion:nil];
 
2、图像顺时针旋转
 
    CABasicAnimation* shake = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"];
 
    shake.fromValue = [NSNumber numberWithFloat:0];
 
    shake.toValue = [NSNumber numberWithFloat:2*M_PI];
 
    shake.duration = 0.8; shake.autoreverses = NO;
 
    shake.repeatCount = 1;
 
    [self.shakeFeedbackOverlay.layer addAnimation:shake forKey:@"shakeAnimation"];
 
    self.shakeFeedbackOverlay.alpha = 1.0;
 
    [UIView animateWithDuration:10.0 delay:0.0 options:UIViewAnimationOptionCurveEaseIn | UIViewAnimationOptionAllowUserInteraction animations:^{ self.shakeFeedbackOverlay.alpha = 0.0; } completion:nil];
 
3、图像关键帧动画
 
    CAKeyframeAnimation *animation = [CAKeyframeAnimation animation];
 
    CGMutablePathRef aPath = CGPathCreateMutable();
 
    CGPathMoveToPoint(aPath, nil, 20, 20);
 
    CGPathAddCurveToPoint(aPath, nil, 160, 30, 220, 220, 240, 420);
 
    animation.path = aPath;
 
    animation.autoreverses = YES;
 
    animation.duration = 2;
 
    animation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut];
 
    animation.rotationMode = @"auto";
 
    [ballView.layer addAnimation:animation forKey:@"position"];
 
4、组合动画 CAAnimationGroup
 
    CABasicAnimation *flip = [CABasicAnimation animationWithKeyPath:@"transform.rotation.y"];
 
    flip.toValue = [NSNumbernumberWithDouble:-M_PI];
 
     
 
    CABasicAnimation *scale= [CABasicAnimation animationWithKeyPath:@"transform.scale"];
 
    scale.toValue = [NSNumbernumberWithDouble:12];
 
    scale.duration = 1.5;
 
    scale.autoreverses = YES;
 
     
 
    CAAnimationGroup *group = [CAAnimationGroup animation];
 
    group.animations = [NSArray arrayWithObjects:flip, scale, nil];
 
    group.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
 
    group.duration = 3;
 
    group.fillMode = kCAFillModeForwards;
 
    group.removedOnCompletion = NO;
 
    [ballView.layer addAnimation:group forKey:@"position"];
 
5、指定时间内旋转图片
 
//启动定时器旋转光圈
 
- (void)startRotate
 
{
 
    self.rotateTimer = [NSTimer scheduledTimerWithTimeInterval:0.02
 
                                                  target:self
 
                                                selector:@selector(rotateGraduation)
 
                                                userInfo:nil
 
                                                 repeats:YES];
 
}
 
//关闭定时器
 
- (void)stopTimer
 
{
 
    if ([self.rotateTimerisValid])
 
{
 
        [self.rotateTimerinvalidate];
 
        self.rotateTimer = nil;
 
    }
 
}
 
  
 
//旋转动画
 
- (void)rotateGraduation
 
{
 
    self.timeCount--;
 
    if (self.timeCount == 0)
 
    {
 
        [self stopTimer];
 
        // doSomeThing //旋转完毕 可以干点别的
 
        self.timeCount = 25;
 
    }
 
    else
 
    {
 
        //计算角度 旋转
 
        static CGFloat radian = 150 * (M_2_PI / 360);
 
        CGAffineTransform transformTmp = self.lightImageView.transform;
 
        transformTmp = CGAffineTransformRotate(transformTmp, radian);
 
        self.lightImageView.transform = transformTmp;
 
    };
 
}
 
调用方法
 
self.timeCount = 25; //动画执行25次
 
[self startRotate];
Tag : 动画
7707 查看  •  McLiang2012 创建  •  2013-02-04 14:35:51
  • ?
    1
    2
    3
    4
    5
    最后那个
    static CGFloat radian = 150 * (M_2_PI / 360);
     
    应该改为
    static CGFloat radian = 150 * (M_PI * 2 / 360);

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:85489次
    • 积分:1384
    • 等级:
    • 排名:千里之外
    • 原创:22篇
    • 转载:160篇
    • 译文:1篇
    • 评论:2条
    文章分类
    最新评论