XLPlayButton 爱奇艺播放、暂停按钮动画效果优酷播放、暂停按钮动画效果实现原理使用方法 播放按钮动画

程序名称：XLPlayButton 爱奇艺播放、暂停按钮动画效果优酷播放、暂停按钮动画效果实现原理使用方法

授权协议: GPL

操作系统: 跨平台

开发语言: Objective-C

XLPlayButton 爱奇艺播放、暂停按钮动画效果优酷播放、暂停按钮动画效果实现原理使用方法 介绍

爱奇艺、优酷播放按钮动画。

爱奇艺播放、暂停按钮动画效果

优酷播放、暂停按钮动画效果

实现原理

实现原理是利用贝塞尔曲线和CAShapeLayer绘制出三角、圆弧、直线，然后通过核心动画实现的动态效果。

使用方法

• XLPlayButton 是继承UIButton的，只是创建方式和UIButton不同，其他的使用方法均一致。

• 创建方法

  _iQiYiPlayButton = [[iQiYiPlayButton alloc] initWithFrame:CGRectMake(0, 0, 60, 60) state:iQiYiPlayButtonStatePlay];

• 唯一属性

  /*
   通过setter方式控制按钮动画
   设置XLPlayButtonStatePlay显示播放按钮
   设置XLPlayButtonStatePause显示暂停按钮
  /
  @property (nonatomic, assign) XLPlayButtonState buttonState

• 切换状态方法

  - (void)iQiYiPlayMethod {
      //通过判断当前状态 切换显示状态
      if (_iQiYiPlayButton.buttonState == iQiYiPlayButtonStatePause) {
          _iQiYiPlayButton.buttonState = iQiYiPlayButtonStatePlay;
      }else {
          _iQiYiPlayButton.buttonState = iQiYiPlayButtonStatePause;
      }
  }

XLPlayButton 爱奇艺播放、暂停按钮动画效果优酷播放、暂停按钮动画效果实现原理使用方法 官网

https://github.com/mengxianliang/XLPlayButton