实现来看看模拟器上效果：
具体的实现代码如下
首先监听控制器view的tap事件
|
1
2
|
uitapgesturerecognizer *tap = [[uitapgesturerecognizer alloc] initwithtarget:self action:@selector(ontap:)]; [self.view addgesturerecognizer:tap]; |
|
1
2
3
4
|
- (void)ontap:(uitapgesturerecognizer*)sender { cgpoint center = [sender locationinview:sender.view]; [fingerwaveview showinview:self.view center:center];} |
fingerwaveview.h
|
1
2
3
4
|
#import <uikit/uikit.h>@interface fingerwaveview : uiview+ (instancetype)showinview:(uiview *)view center:(cgpoint)center;@end |
fingerwaveview.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
|
#import "fingerwaveview.h"@interface fingerwaveview () <caanimationdelegate>{ cgsize wavesize; nstimeinterval duration;}@end@implementation fingerwaveview- (instancetype)initwithframe:(cgrect)frame{ self=[super initwithframe:frame]; if (self) { wavesize = cgsizemake(150, 150); duration = 1.0; } return self;}+ (instancetype)showinview:(uiview *)view center:(cgpoint)center { fingerwaveview *waveview = [fingerwaveview new]; [waveview setframewithcenter:center]; [view addsubview:waveview]; return waveview;}- (void)didmovetosuperview{ cashapelayer *wavelayer = [cashapelayer new]; wavelayer.backgroundcolor = [uicolor clearcolor].cgcolor; wavelayer.opacity = 0.6; wavelayer.fillcolor = [uicolor whitecolor].cgcolor; [self.layer addsublayer:wavelayer]; [self startanimationinlayer:wavelayer];}- (void)startanimationinlayer:(calayer *)layer{ uibezierpath *beginpath = [uibezierpath bezierpathwitharccenter:[self pathcenter] radius:[self animationbeginradius] startangle:0 endangle:m_pi*2 clockwise:yes]; uibezierpath *endpath = [uibezierpath bezierpathwitharccenter:[self pathcenter] radius:[self animationendradius] startangle:0 endangle:m_pi*2 clockwise:yes]; cabasicanimation *rippleanimation = [cabasicanimation animationwithkeypath:@"path"]; rippleanimation.delegate = self; rippleanimation.fromvalue = (__bridge id _nullable)(beginpath.cgpath); rippleanimation.tovalue = (__bridge id _nullable)(endpath.cgpath); rippleanimation.duration = duration; cabasicanimation *opacityanimation = [cabasicanimation animationwithkeypath:@"opacity"]; opacityanimation.delegate = self; opacityanimation.fromvalue = [nsnumber numberwithfloat:0.6]; opacityanimation.tovalue = [nsnumber numberwithfloat:0.0]; opacityanimation.duration = duration; [layer addanimation:rippleanimation forkey:@"rippleanimation"]; [layer addanimation:opacityanimation forkey:@"opacityanimation"];}- (void)setframewithcenter:(cgpoint)center{ cgrect frame = cgrectmake(center.x-wavesize.width*0.5, center.y-wavesize.height*0.5, wavesize.width, wavesize.height); self.frame = frame;;}- (cgfloat)animationbeginradius{ return wavesize.width*0.5*0.2;}- (cgfloat)animationendradius{ return wavesize.width*0.5;}- (cgpoint)pathcenter{ return cgpointmake(wavesize.width*0.5, wavesize.height*0.5);}#pragma mark - caanimationdelegate- (void)animationdidstop:(caanimation *)anim finished:(bool)flag{ if (flag) { [self removefromsuperview]; }}@end |
总结
大家也可以diy我的代码，做出很多其他的效果，比如改成其他的波纹颜色。以上就是这篇文章的全部内容了，希望本文的内容ui各位ios开发者们能有所帮助，如果有疑问大家可以留言交流。
