代码拉取完成,页面将自动刷新
关于自定义波浪效果视图,可以当进度展示器用。(默认举行和圆形两种,可自定义形状
前言: 工作中遇到冲浪需求,于是找了很多资料做参考,最后集成了一个工具类
一、实现思路
- 用正弦函数,计算波浪上的点用
UIBezierPath
的moveToPoint
和addLineToPoint
连接成线,
setNeedsDisplay
二、详细代码 1. 创建
- 提供的构造方法**
构造方法 构造方法将自动开启冲浪不需要手动调用开启
**
/**
* 冲浪视图的类构造方法
* @param colorMutableArray 颜色数组
* @param progress 高度或进度,占self.frame.size.height得百分比
*/
+(instancetype)waveViewWithFrame:(CGRect)frame andColorSet: (NSMutableArray <UIColor *>*)colorMutableArray andProgress: (CGFloat)progress;
/**
* 冲浪视图的类构造方法
* @param colorMutableArray 颜色数组
* @param progress 高度或进度,占self.frame.size.height得百分比
*/
-(instancetype)initWithFrame:(CGRect)frame andColorSet: (NSMutableArray <UIColor *>*)colorMutableArray andProgress: (CGFloat)progress;
2.开启 & 停止冲浪
是否冲浪(设置成YES开始冲浪,设置成NO停止冲浪。 默认为NO)
@property (nonatomic,assign) BOOL isWaveStart;
3.炫酷的扩展性
///需要画出的颜色数组,可以随时添加,内部在绘图的时候对数组进行了遍历
@property (nonatomic,strong) NSMutableArray<UIColor *> *colorMutableArray;
高度或进度,占self.frame.size.height得百分比
@property (nonatomic,assign) CGFloat progress;
1.振幅 (水波的振幅)
@property (nonatomic, assign) CGFloat amplitude;
2.水波的周期
@property (nonatomic, assign) CGFloat cycle;
3.两个波水平之间偏移的距离
@property (nonatomic, assign) CGFloat distanceH;
4.两个波竖直之间偏移
@property (nonatomic, assign) CGFloat distanceV;
5.水波的速率(默认0.1)
@property (nonatomic, assign) CGFloat waveScale;
1.自定义形状
@property (nonatomic, strong) UIBezierPath *bazierPath;
2.形状类型,默认是圆形(分为矩形和圆形两种,如果设置了bazierPath属性,则优先按照bazierPath路径获取形状)
@property (nonatomic,assign) PYWaveViewPathType pathType;
3.关于形状的枚举
typedef enum : NSUInteger {
PYWaveViewPathType_CIRCULAR = 0,//圆形
PYWaveViewPathType_RECT = 1,//矩形
} PYWaveViewPathType;
话不多说,源码代码请看这里
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
1. 开源生态
2. 协作、人、软件
3. 评估模型