直接上代码，复制粘贴就可以
vc里的
WaterRippleView *topView = [[WaterRippleView alloc] initWithFrame:CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width, 200)];
[self.view addSubview:topView];
view.h
#import <UIKit/UIKit.h>
@interface WaterRippleView : UIView
@property(nonatomic,assign)CGFloat progress;
@end
view.m
//
// WaterRipple.m
// waterRipple
//
// Created by dongqiangfei on 2017/2/3.
// Copyright ? 2017年 dongqiangfei. All rights reserved.
//
#import "WaterRippleView.h"
#define waterColor1 [UIColor colorWithRed:118/255.0f green:165/255.0f blue:242/255.0f alpha:0.6]
#define waterColor2 [UIColor colorWithRed:118/255.0 green:165/255.0 blue:242/255.0 alpha:0.6]
#define BackGroundColor [UIColor colorWithRed:80/255.0f green:140/255.0f blue:238/255.0f alpha:1]
@implementation WaterRippleView
{
//前面的波浪
CAShapeLayer *_waterLayer1;
CAShapeLayer *_waterLayer2;
CADisplayLink *_disPlayLink;
/**
曲线的振幅
*/
CGFloat _waterAmplitude;
/**
曲线角速度
*/
CGFloat _waterPalstance;
/**
曲线初相
*/
CGFloat _waterX;
/**
曲线偏距
*/
CGFloat _waterY;
/**
曲线移动速度
*/
CGFloat _waterMoveSpeed;
}
-(id)initWithFrame:(CGRect)frame
{
self = [super initWithFrame:frame];
if (self) {
self.backgroundColor = BackGroundColor;
[self buildUI];
[self buildData];
}
return self;
}
//初始化UI
-(void)buildUI
{
//初始化波浪
//第一层
_waterLayer1 = [CAShapeLayer layer];
_waterLayer1.fillColor = waterColor1.CGColor;
_waterLayer1.strokeColor = waterColor1.CGColor;
_waterLayer1.frame = CGRectMake(0, 0, 100, 100);
//第二层
_waterLayer2 = [CAShapeLayer layer];
_waterLayer2.fillColor = waterColor2.CGColor;
_waterLayer2.strokeColor = waterColor2.CGColor;
_waterLayer2.frame = CGRectMake(0, 0, 100, 100);
[self.layer addSublayer:_waterLayer1];
[self.layer addSublayer:_waterLayer2];
}
//初始化数据
-(void)buildData
{
//振幅
_waterAmplitude = 8;
//角速度
_waterPalstance = M_PI/self.bounds.size.width;
//偏距
_waterY = 100;
//初相
_waterX = 0;
//x轴移动速度
_waterMoveSpeed = _waterPalstance * 5;
//以屏幕刷新速度为周期刷新曲线的位置
_disPlayLink = [CADisplayLink displayLinkWithTarget:self selector:@selector(updatewater:)];
[_disPlayLink addToRunLoop:[NSRunLoop mainRunLoop] forMode:NSRunLoopCommonModes];
}
/**
保持和屏幕的刷新速度相同，iphone的刷新速度是60Hz,即每秒60次的刷新
*/
-(void)updatewater:(CADisplayLink *)link
{
//更新X
_waterX += _waterMoveSpeed;
[self updatewater1];
[self updatewater2];
}
//更新第一层曲线
-(void)updatewater1
{
//波浪宽度
CGFloat waterwaterWidth = self.bounds.size.width;
//初始化运动路径
CGMutablePathRef path = CGPathCreateMutable();
//设置起始位置
CGPathMoveToPoint(path, nil, 0, _waterY);
//初始化波浪其实Y为偏距
CGFloat y = _waterY;
//正弦曲线公式为： y=Asin(ωx+φ)+k;
for (float x = 0.0f; x <= waterwaterWidth ; x++) {
y = _waterAmplitude * cos(_waterPalstance * x + _waterX) + _waterY;
CGPathAddLineToPoint(path, nil, x, y);
}
//填充底部颜色
CGPathAddLineToPoint(path, nil, waterwaterWidth, 200);
CGPathAddLineToPoint(path, nil, 0, 200);
CGPathCloseSubpath(path);
_waterLayer1.path = path;
CGPathRelease(path);
}
//更新第二层曲线
-(void)updatewater2
{
//波浪宽度
CGFloat waterwaterWidth = self.bounds.size.width;
//初始化运动路径
CGMutablePathRef path = CGPathCreateMutable();
//设置起始位置
CGPathMoveToPoint(path, nil, 0, _waterY);
//初始化波浪其实Y为偏距
CGFloat y = _waterY;
//正弦曲线公式为： y=Asin(ωx+φ)+k;
for (float x = 0.0f; x <= waterwaterWidth ; x++) {
y = _waterAmplitude * sin(_waterPalstance * x + _waterX) + _waterY;
CGPathAddLineToPoint(path, nil, x, y);
}
//添加终点路径、填充底部颜色
CGPathAddLineToPoint(path, nil, waterwaterWidth, 200);
CGPathAddLineToPoint(path, nil, 0, 200);
CGPathCloseSubpath(path);
_waterLayer2.path = path;
CGPathRelease(path);
}
//设置需要显示的进度，y轴的更新会在[updatewaterY]方法中实现
-(void)setProgress:(CGFloat)progress
{
_progress = progress;
}
@end
ios开发oc高仿京东金融白条额度余额的 ios开发水波纹 ios开发水正弦曲线波纹
原文：http://www.cnblogs.com/godlovexq/p/6363189.html