博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
iOS 扩展性极强的波浪效果工具类
阅读量:6283 次
发布时间:2019-06-22

本文共 1734 字,大约阅读时间需要 5 分钟。

hot3.png

冲浪.gif

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


一、实现思路

  1. 用正弦函数,计算波浪上的点用UIBezierPathmoveToPointaddLineToPoint连接成线,
  1. 用定时器DisplayLink作为动力源
  2. 停止波浪: 停止定时器并赋值为nil
  3. 开启波浪: 新建定时器,并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;
  1. 默认的构方法要手动打开冲浪模式

2.开启 & 停止冲浪

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

@property (nonatomic,assign) BOOL isWaveStart;

3.炫酷的扩展性

  1. 颜色

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

@property (nonatomic,strong) NSMutableArray
*colorMutableArray;
  1. 海水的高度 (可以作为下载进度)

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

@property (nonatomic,assign) CGFloat progress;
  1. 水波的参数

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. 形状的扩展

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;

话不多说,

转载于:https://my.oschina.net/LiPengYue/blog/1539669

你可能感兴趣的文章
modprobe
查看>>
android中用ExpandableListView实现三级扩展列表
查看>>
%Error opening tftp://255.255.255.255/cisconet.cfg
查看>>
java读取excel、txt 文件内容,传到、显示到另一个页面的文本框里面。
查看>>
《从零开始学Swift》学习笔记(Day 51)——扩展构造函数
查看>>
python多线程队列安全
查看>>
[汇编语言学习笔记][第四章第一个程序的编写]
查看>>
android 打开各种文件(setDataAndType)转:
查看>>
补交:最最原始的第一次作业(当时没有选上课,所以不知道)
查看>>
Vue实例初始化的选项配置对象详解
查看>>
PLM产品技术的发展趋势 来源:e-works 作者:清软英泰 党伟升 罗先海 耿坤瑛
查看>>
vue part3.3 小案例ajax (axios) 及页面异步显示
查看>>
浅谈MVC3自定义分页
查看>>
.net中ashx文件有什么用?功能有那些,一般用在什么情况下?
查看>>
select、poll、epoll之间的区别总结[整理]【转】
查看>>
CSS基础知识(上)
查看>>
PHP中常见的面试题2(附答案)
查看>>
26.Azure备份服务器(下)
查看>>
mybatis学习
查看>>
LCD的接口类型详解
查看>>