仿寫淘寶我的中心上面的波紋效果

DoubleWaves

一個正弦&&餘弦波紋圖

創做來源

雙十一買東西的時候忽然發現淘寶的頂部有一個微小的動畫效果，感受很炫。 實現這個效果的方案就是在一個View上面添加兩個View 一個是sin函數圖，另外一個是cos函數圖

使用方法

DoubleWaves *doubleWaves = [[DoubleWaves alloc]initWithFrame:CGRectMake(0, 0, self.view.bounds.size.width, 26)]; 

[self.view addSubview:doubleWaves];

就是最簡單的建立視圖的方法就能夠了。

參數

CGFloat waveA;//水紋振幅
CGFloat waveW ;//水紋週期
CGFloat offsetX1; //位移
CGFloat currentK; //當前波浪高度Y
CGFloat offsetX2; //位移
CGFloat wavesSpeed;//水紋速度
CGFloat WavesWidth; //水紋寬度

能夠根據本身項目的需求，去調整相應的參數，實現相應的效果。

效果圖

github：https://github.com/cAibDe/DoubleWaves