iOS实现手指点击出现波纹的效果
程序员文章站
2023-12-20 22:46:04
实现来看看模拟器上效果:
具体的实现代码如下
首先监听控制器view的tap事件
uitapgesturerecognizer *tap = [[...
实现来看看模拟器上效果:
具体的实现代码如下
首先监听控制器view的tap事件
uitapgesturerecognizer *tap = [[uitapgesturerecognizer alloc] initwithtarget:self action:@selector(ontap:)]; [self.view addgesturerecognizer:tap];
- (void)ontap:(uitapgesturerecognizer*)sender { cgpoint center = [sender locationinview:sender.view]; [fingerwaveview showinview:self.view center:center]; }
fingerwaveview.h
#import <uikit/uikit.h> @interface fingerwaveview : uiview + (instancetype)showinview:(uiview *)view center:(cgpoint)center; @end
fingerwaveview.m
#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开发者们能有所帮助,如果有疑问大家可以留言交流。