爱奇艺优酷播放按钮动画XLPlayButton

爱奇艺优酷播放按钮动画XLPlayButton

  • 开源协议:GPL
  • 操作系统: OS X IOS
  • 开发语言:Objective-c
  • 项目所有者:mengxianliang
  • 收录时间:2017-08-14
  • 分享:
编辑评级
3

项目详细介绍

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

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

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

实现原理

实现原理是利用贝塞尔曲线和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;
            }
}

标签:ui组件库