用drawRect以及CAReplicatorLayer绘制动态水波纹

用drawRect以及CAReplicatorLayer绘制动态水波纹

大大简化了写水波纹效果的难度,你可以根据示例自己组装水波纹效果,本设计是几个工具组合在一起完成的效果, DrawRectObject 以及 ReplicatorLineAnimationView 均可以独立完成更复杂的功能.

说明

1. 用sine计算正玄曲线

2. 用CAReplicatorLayer实现重复移动的效果

效果

源码

https://github.com/YouXianMing/UI-Component-Collection 中的 DrawRectObject

//// WaveView.h// DrawRectObject//// Created by YouXianMing on 16/8/1.// Copyright © 2016年 YouXianMing. All rights reserved.//#import "CustomDrawingView.h"typedef enum : NSUInteger {    kStrokeWave = 1 << 2,  kFillWave  = 1 << 3 ,  } EWaveViewType;@interface WaveView : CustomDrawingView/** * Wave type, default is kFillWave. */@property (nonatomic) EWaveViewType type;/** * Sine phase, default is 0. */@property (nonatomic) CGFloat phase;/** * Wave crest height, Default is 10. */@property (nonatomic) CGFloat waveCrest;/** * Full wave count, default is 1. */@property (nonatomic) NSInteger waveCount;/** * The fill style. */@property (nonatomic, strong) DrawingStyle *fillStyle;/** * The stroke style. */@property (nonatomic, strong) DrawingStyle *strokeStyle;@end

原标题：用drawRect以及CAReplicatorLayer绘制动态水波纹

关键词：