美文网首页
iOS--波浪视图

iOS--波浪视图

作者: 卖劈柴的小蓝孩 | 来源:发表于2016-12-17 11:41 被阅读154次

    效果图

    show.gif

    正弦波纹

    计算公式

    y =Asin(ωx+φ)+C
    A表示振幅,也就是使用这个变量来调整波浪的高度
    ω表示周期,也就是使用这个变量来调整在屏幕内显示的波浪的数量
    φ表示波浪横向的偏移,也就是使用这个变量来调整波浪的流动
    C表示波浪纵向的位置,也就是使用这个变量来调整波浪在屏幕中竖直的位>置。

    属性

    // 正弦振幅 default:12.f 注:决定波纹高度
    @property (nonatomic, assign) CGFloat rippleAmplitude;
    // 正弦速度 default:0.05 注:与余弦速度相同无重叠效果
    @property (nonatomic, assign) CGFloat rippleSpeed;
    // 周期 default:0.015 注:决定波纹显示数量
    @property (nonatomic, assign) CGFloat ripplePeriod;
    // 正弦颜色
    @property (nonatomic, strong) UIColor *rippleColor;

    余弦波纹

    计算公式

    y =Acos(ωx+φ)+C
    A表示振幅,也就是使用这个变量来调整波浪的高度
    ω表示周期,也就是使用这个变量来调整在屏幕内显示的波浪的数量
    φ表示波浪横向的偏移,也就是使用这个变量来调整波浪的流动
    C表示波浪纵向的位置,也就是使用这个变量来调整波浪在屏幕中竖直的位> 置。

    正弦函数的峰顶和余弦函数的峰底对应
    y = Acos (wx+φ+M_PI_2) +C

    属性

    // 余弦振幅 default:12.f 注:决定波纹高度
    @property (nonatomic, assign) CGFloat rippleAmplitude;
    // 余弦速度 default:0.03 注:与正弦速度相同无重叠效果
    @property (nonatomic, assign) CGFloat rippleSpeed;
    // 周期 default:0.015 注:决定波纹显示数量
    @property (nonatomic, assign) CGFloat ripplePeriod;
    // 余弦颜色
    @property (nonatomic, strong) UIColor *rippleColor;

    两种波纹

    属性

    // 正弦振幅 default:12.f 注:决定波纹高度
    @property (nonatomic, assign) CGFloat sinAmplitude;
    // 余弦振幅 default:12.f 注:决定波纹高度
    @property (nonatomic, assign) CGFloat cosAmplitude;
    // 正弦速度 default:0.05 注:与余弦速度相同无重叠效果
    @property (nonatomic, assign) CGFloat sinSpeed;
    // 余弦速度 default:0.03 注:与正弦速度相同无重叠效果
    @property (nonatomic, assign) CGFloat cosSpeed;
    // 周期 default:0.015 注:决定波纹显示数量
    @property (nonatomic, assign) CGFloat ripplePeriod;
    // 正弦颜色
    @property (nonatomic, strong) UIColor *sinColor;
    // 余弦颜色
    @property (nonatomic, strong) UIColor *cosColor;
    // 透明度 default:0.5
    @property (nonatomic, assign) CGFloat pellucidity;

    demo地址

    相关文章

      网友评论

          本文标题:iOS--波浪视图

          本文链接:https://www.haomeiwen.com/subject/zkvomttx.html