个人中心
gpt4 book ai didi

iOS实现手指点击出现波纹的效果

转载 作者：qq735679552 更新时间：2022-09-27 22:32:09 25 4
gpt4 key购买 nike

CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章iOS实现手指点击出现波纹的效果由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.

实现来看看模拟器上效果:

iOS实现手指点击出现波纹的效果

具体的实现代码如下 。

首先监听控制器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开发者们能有所帮助，如果有疑问大家可以留言交流.

最后此篇关于iOS实现手指点击出现波纹的效果的文章就讲到这里了,如果你想了解更多关于iOS实现手指点击出现波纹的效果的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。

25 4 0
文章推荐： 现代女神范的网名高贵优雅2021 高贵优雅雅气质女生网名
文章推荐： 最火爆的女生qq网名大全超拽有个性 没了心也没了肺
文章推荐： Python批量按比例缩小图片脚本分享
文章推荐： 女生qq非主流网名带特殊符号2021 半痴半傻半神经
qq735679552
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com