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
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。