kewell-tsao / WXWaveView

Add a pretty water wave to your view. 为视图添加丝滑的水波纹

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

WXWaveView

Add pretty and silk waves to your views!

The wave can be added to any type of view.

中文说明

e.g.

How to use

  1. Download and copy the WXWaveView folder with the source code in it to your project.

  2. Initialize WXWaveView with method " addToView:withFrame: "

     self.waveView = [WXWaveView addToView:headerView withFrame:CGRectMake(0, CGRectGetHeight(headerView.frame) - 10, CGRectGetWidth(headerView.frame), 10)];
    

    Of course, you can just give CGRectZero to the method above and use Auto Layout to define its frame.

  3. Perform the method wave when you want it to animate.

     [self.waveView wave];
    

That's it!

BTW, there are something your can do to customize the wave.

  1. The time when the wave lasts. When it is set to zero, the wave will never stop. Default is 1.5.

     self.waveView.waveTime = 0.f;  
    
  2. The color of the wave. Default is white.

     self.waveView.waveColor = [UIColor groupTableViewBackgroundColor];
    
  3. The speed of the wave. Default is 9.

     self.waveView.waveSpeed = 20.f;
    
  4. The angular speed of the wave. Default is 2.

     self.waveView.angularSpeed = 1.8f;
    
  5. You can also stop the wave manually with the method stop whenever you want.

     [self.waveView stop];
    

Recently I find it amusing to make it a loading view :

Have fun~

Take a glance

CycleScrollView is a cycle scroll kit with this wave view written in Swift.

Reference

WXWaveView is inspired by KYWaterWaveView. Thanks KittenYang and his contributions.

License

WXWaveView is released under MIT License.

About

Add a pretty water wave to your view. 为视图添加丝滑的水波纹

License:MIT License


Languages

Language:Objective-C 100.0%