iOS--波浪视图

2016-12-17  本文已影响154人  卖劈柴的小蓝孩

效果图

show.gif

正弦波纹

计算公式

y =Asin(ωx+φ)+C
A表示振幅,也就是使用这个变量来调整波浪的高度
ω表示周期,也就是使用这个变量来调整在屏幕内显示的波浪的数量
φ表示波浪横向的偏移,也就是使用这个变量来调整波浪的流动
C表示波浪纵向的位置,也就是使用这个变量来调整波浪在屏幕中竖直的位>置。

属性

// 正弦振幅 default:12.f 注:决定波纹高度
@property (nonatomic, assign) CGFloat rippleAmplitude;
// 正弦速度 default:0.05 注:与余弦速度相同无重叠效果
@property (nonatomic, assign) CGFloat rippleSpeed;
// 周期 default:0.015 注:决定波纹显示数量
@property (nonatomic, assign) CGFloat ripplePeriod;
// 正弦颜色
@property (nonatomic, strong) UIColor *rippleColor;

余弦波纹

计算公式

y =Acos(ωx+φ)+C
A表示振幅,也就是使用这个变量来调整波浪的高度
ω表示周期,也就是使用这个变量来调整在屏幕内显示的波浪的数量
φ表示波浪横向的偏移,也就是使用这个变量来调整波浪的流动
C表示波浪纵向的位置,也就是使用这个变量来调整波浪在屏幕中竖直的位> 置。

正弦函数的峰顶和余弦函数的峰底对应
y = Acos (wx+φ+M_PI_2) +C

属性

// 余弦振幅 default:12.f 注:决定波纹高度
@property (nonatomic, assign) CGFloat rippleAmplitude;
// 余弦速度 default:0.03 注:与正弦速度相同无重叠效果
@property (nonatomic, assign) CGFloat rippleSpeed;
// 周期 default:0.015 注:决定波纹显示数量
@property (nonatomic, assign) CGFloat ripplePeriod;
// 余弦颜色
@property (nonatomic, strong) UIColor *rippleColor;

两种波纹

属性

// 正弦振幅 default:12.f 注:决定波纹高度
@property (nonatomic, assign) CGFloat sinAmplitude;
// 余弦振幅 default:12.f 注:决定波纹高度
@property (nonatomic, assign) CGFloat cosAmplitude;
// 正弦速度 default:0.05 注:与余弦速度相同无重叠效果
@property (nonatomic, assign) CGFloat sinSpeed;
// 余弦速度 default:0.03 注:与正弦速度相同无重叠效果
@property (nonatomic, assign) CGFloat cosSpeed;
// 周期 default:0.015 注:决定波纹显示数量
@property (nonatomic, assign) CGFloat ripplePeriod;
// 正弦颜色
@property (nonatomic, strong) UIColor *sinColor;
// 余弦颜色
@property (nonatomic, strong) UIColor *cosColor;
// 透明度 default:0.5
@property (nonatomic, assign) CGFloat pellucidity;

demo地址

上一篇下一篇

猜你喜欢

热点阅读