源码

首页 » 归档 » 源码 » iOS 扩展性极强的波浪效果工具类-ios学习从入门到精通尽在姬长信

iOS 扩展性极强的波浪效果工具类-ios学习从入门到精通尽在姬长信

分享最热门资讯

【摘要】: 波浪式图,最好在用的时候加个随机数,这样不会就不至于这么死板了

前言: 工作中遇到冲浪需求,于是找了很多资料做参考,最后集成了一个工具类

一、实现思路

  1. 用正弦函数,计算波浪上的点用UIBezierPath的moveToPoint和addLineToPoint连接成线

  2. 定时器DisplayLink作为动力源

  3. 停止波浪: 停止定时器并赋值为nil

  4. 开启波浪: 新建定时器,并setNeedsDisplay

二、详细代码 1. 创建

1.提供的构造方法**构造方法 构造方法将自动开启冲浪不需要手动调用开启**

/**
 * 冲浪视图的类构造方法
 * @param colorMutableArray 颜色数组
 * @param progress 高度或进度,占self.frame.size.height得百分比
 */
+(instancetype)waveViewWithFrame:(CGRect)frame andColorSet: (NSMutableArray *)colorMutableArray andProgress: (CGFloat)progress;
/**
 * 冲浪视图的类构造方法
 * @param colorMutableArray 颜色数组
 * @param progress 高度或进度,占self.frame.size.height得百分比
 */
-(instancetype)initWithFrame:(CGRect)frame andColorSet: (NSMutableArray *)colorMutableArray andProgress: (CGFloat)progress;

2.默认的构方法要手动打开冲浪模式

2.开启 & 停止冲浪

是否冲浪(设置成YES开始冲浪,设置成NO停止冲浪。 默认为NO)

@property (nonatomic,assign) BOOL isWaveStart;

3.炫酷的扩展

1.颜色

///需要画出的颜色数组,可以随时添加,内部在绘图的时候对数组进行了遍历

@property (nonatomic,strong) NSMutableArray *colorMutableArray;

2.海水的高度 (可以作为下载进度)

高度或进度,占self.frame.size.height得百分比

@property (nonatomic,assign) CGFloat progress;

3.水波的参数

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;

4.形状的扩展

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;

话不多说,源码代码请看这里

ios学习入门精通尽在长信

iOS 扩展性极强的波浪效果工具类-ios学习从入门到精通尽在姬长信

分享最热门资讯

【摘要】: 波浪式图,最好在用的时候加个随机数,这样不会就不至于这么死板了

前言: 工作中遇到冲浪需求,于是找了很多资料做参考,最后集成了一个工具类

一、实现思路

  1. 用正弦函数,计算波浪上的点用UIBezierPath的moveToPoint和addLineToPoint连接成线

  2. 定时器DisplayLink作为动力源

  3. 停止波浪: 停止定时器并赋值为nil

  4. 开启波浪: 新建定时器,并setNeedsDisplay

二、详细代码 1. 创建

1.提供的构造方法**构造方法 构造方法将自动开启冲浪不需要手动调用开启**

/**
 * 冲浪视图的类构造方法
 * @param colorMutableArray 颜色数组
 * @param progress 高度或进度,占self.frame.size.height得百分比
 */
+(instancetype)waveViewWithFrame:(CGRect)frame andColorSet: (NSMutableArray *)colorMutableArray andProgress: (CGFloat)progress;
/**
 * 冲浪视图的类构造方法
 * @param colorMutableArray 颜色数组
 * @param progress 高度或进度,占self.frame.size.height得百分比
 */
-(instancetype)initWithFrame:(CGRect)frame andColorSet: (NSMutableArray *)colorMutableArray andProgress: (CGFloat)progress;

2.默认的构方法要手动打开冲浪模式

2.开启 & 停止冲浪

是否冲浪(设置成YES开始冲浪,设置成NO停止冲浪。 默认为NO)

@property (nonatomic,assign) BOOL isWaveStart;

3.炫酷的扩展

1.颜色

///需要画出的颜色数组,可以随时添加,内部在绘图的时候对数组进行了遍历

@property (nonatomic,strong) NSMutableArray *colorMutableArray;

2.海水的高度 (可以作为下载进度)

高度或进度,占self.frame.size.height得百分比

@property (nonatomic,assign) CGFloat progress;

3.水波的参数

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;

4.形状的扩展

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;

话不多说,源码代码请看这里

ios学习入门精通尽在长信

(0)

本文由 姬長信 创作,文章地址:https://blog.isoyu.com/archives/20511.html
采用知识共享署名4.0 国际许可协议进行许可。除注明转载/出处外,均为本站原创或翻译,转载前请务必署名。最后编辑时间为:9月 26, 2017 at 05:37 下午

关键词:, , , ,

热评文章

发表回复

[必填]

我是人?

提交后请等待三秒以免造成未提交成功和重复