iOS雷达和类似水波纹效果的实现

最新推荐文章于 2021-08-31 16:11:55 发布

TaidyPanda

最新推荐文章于 2021-08-31 16:11:55 发布

阅读量2w

点赞数 7

分类专栏：动画文章标签： ios 动画雷达扫描水波纹效果

本文链接：https://blog.csdn.net/xgb742951920/article/details/48495821

版权

本文介绍了如何在iOS应用中实现雷达扫描和水波纹扩散效果。通过一组动画实现水波纹效果，并使用XHRadarView控件进行雷达扫描效果的展示，同时根据项目需求调整了动画细节。

摘要由CSDN通过智能技术生成

最近项目里面需要用到雷达扫描和水波纹效果,具体来说就是打开应用出现水波纹扩散的效果,点击召唤之后出现雷达扫描效果.效果如下:
这里写图片描述

首先说下第一个水波纹效果,这个比较容易实现,一组组动画就ok了,上代码:
#import “Radar.h”

@implementation Radar

-(void)drawRect:(CGRect)rect {
[super drawRect:rect];
[KColor(22, 163, 130) setFill];
UIRectFill(rect);
NSInteger pulsingCount = 5;
double animationDuration = 3;
CALayer * animationLayer = [CALayer layer];
for (int i = 0; i < pulsingCount; i++) {
    CALayer * pulsingLayer = [CALayer layer];
    pulsingLayer.frame = CGRectMake(0, 0, rect.size.width, rect.size.height);
    pulsingLayer.borderColor = [UIColor whiteColor].CGColor;
    pulsingLayer.borderWidth = 1;
    pulsingLayer.cornerRadius = rect.size.height / 2;

    CAMediaTimingFunction * defaultCurve = [CAMediaTimingFunction f