iOS 双曲线波浪动画

410 查看

今天来搞一下双曲线波浪动画,那么什么是双曲线波浪呢看效果

一,
效果就是这样子 ,通过调整百分比可以实现球形的水面的占比,那么实现的思路是什么呢
1.首先肯定是连个图层一个深蓝色一个浅蓝色 (我做的时候 RGB 是一样的不过是修改了透明度 )
2.就是曲线条当然很直观的可以看出来这个曲线可以用正弦或余弦函数实现.通过CoreGraphics 来搞这个曲线关于 CoreGraphics的只是可以百度了解一下

就是通过定时器NSTimer 来改变正弦函数的欧米伽值实现波动的效果刷新UI就好了

思路就是这个思路 ,这个那点就在于正弦函数图形的绘制和颜色填充
二 ,
创建一个类,继承与UIview .h 文件暴漏初始化方法同事.m 实现初始化方法
对 UIview 绘制图形的话一般都是在这个方法里面

- (void)drawRect:(CGRect)rect{

//关于这个函数呢他是系统调用的如果想执行他可以调用setNeedsDisplay 就可以调用方法

}

接下来开始绘制曲线

CGContextRef context = UIGraphicsGetCurrentContext();

// 创建路径

CGMutablePathRef path = CGPathCreateMutable();

//画水

CGContextSetLineWidth(context, 1);

UIColor * blue = [UIColor colorWithRed:0 green:0 blue:1 alpha:0.3];

CGContextSetFillColorWithColor(context, [blue CGColor]);

float y= (1 - self.present) * rect.size.height;

float y1= (1 - self.present) * rect.size.height;

CGPathMoveToPoint(path, NULL, 0, y);

for(float x=0;x

创建另一个线条

CGMutablePathRef path1 = CGPathCreateMutable();

// float y1=200;

//画水

CGContextSetLineWidth(context, 1);

UIColor * blue1 = [UIColor colorWithRed:0 green:0 blue:1 alpha:0.8];

CGContextSetFillColorWithColor(context, [blue1 CGColor]);

// float y1= 200;

CGPathMoveToPoint(path1, NULL, 0, y1);

for(float x=0;x

两个曲线的区别就是正弦函数相差半个或一个周期

接下来就是穿件定时器让其波动

- (void)createTimer{

if (!self.myTimer) {

self.myTimer = [NSTimer scheduledTimerWithTimeInterval:0.01 target:self selector:@selector(action) userInfo:nil repeats:YES];

}

[self.myTimer setFireDate:[NSDate distantPast]];

}

- (void)action{

//让波浪移动效果

_fa = _fa+10;

if (_fa >= _MYframe.size.width * 2.0) {

_fa = 0;

}

//对于这个_fa 是什么鬼呢他只是一个基本数据类型他的作用就是让波动起来

//y = sin(a*x + _fa) *b +k;

// y= sin( x/rect.size.width * M_PI + _fa/rect.size.width *M_PI ) //*_bigNumber + (1 - self.present) * rect.size.height ;

//对比函数就知道了如果还不明白百度一下高中数学(注意哦不是高数是高中//数学)

[self setNeedsDisplay];

}

大概呢到这里就已经差不多了不过这样还会有问题就死由于波的幅度太大导致百分比在100% 和 0% 时不完美

解决办法就是把当为 0% 是幅度改为0;

1 2	y1= sin( x/rect.size.width * M_PI + _fa/rect.size.width M_PI +M_PI ) _bigNumber + (1 - self.present) * rect.size.height ; //就是修改函数里面的 _bigNumber 这个值

- (void)setPresent:(CGFloat)present{

_present = present;

//百分数的 set 方法

//启动定时器

[self createTimer];

//修改波浪的幅度

if (present

问题到此结局代码地址
https://git.oschina.net/GAOZEJIAN/double-line.git
欢迎各位道友指点