这篇文章主要为大家详细介绍了iOS实现音乐播放器图片旋转,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本文实例为大家分享了iOS实现音乐播放器图片旋转的具体代码,供大家参考,具体内容如下
通过给继承与 UIImageView 的类 CXGImageView 添加 CABasicAnimation 转动动画,实现播放器图片转动效果.
主要提供三个方法: startRotating, stopRotating,resumeRotate
startRotating
/// 开始动画
func startRotating() {
let rotateAnimation = CABasicAnimation(keyPath: "transform.rotation")
rotateAnimation.isRemovedOnCompletion = false // 避免点击 Home 键返回,动画停止
rotateAnimation.fromValue = 0.0
rotateAnimation.toValue = Double.pi * 2
rotateAnimation.duration = 20
rotateAnimation.repeatCount = MAXFLOAT
self.layer.add(rotateAnimation, forKey: nil)
isRotating = true
}
stopRotating
/// 停止动画
func stopRotating() {
if !isRotating {
return
}
let pausedTime = self.layer.convertTime(CACurrentMediaTime(), from: nil)
// 让CALayer的时间停止走动
self.layer.speed = 0
// 让CALayer的时间停留在pausedTime这个时刻
self.layer.timeOffset = pausedTime
isRotating = false
}
resumeRotate
/// 继续动画
func resumeRotate() {
if isRotating {
return
}
if self.layer.timeOffset == 0 {
startRotating()
return
}
let pausedTime = self.layer.timeOffset
// 1. 让CALayer的时间继续行走
self.layer.speed = 1.0
// 2. 取消上次记录的停留时刻
self.layer.timeOffset = 0.01
// 3. 取消上次设置的时间
self.layer.beginTime = 0.0
// 4. 计算暂停的时间(这里也可以用CACurrentMediaTime()-pausedTime)
let timeWhenpause = self.layer.convertTime(CACurrentMediaTime(), from: nil) - pausedTime
// 5. 设置相对于父坐标系的开始时间(往后退timeSincePause)
self.layer.beginTime = timeWhenpause
isRotating = true
}
注意: 使用中发现,当点下 Home 键再次返回应用时,图片停止转动,需要将动画 isRemovedOnCompletion 置成 false.
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程学习网。
织梦狗教程
本文标题为:iOS实现音乐播放器图片旋转
基础教程推荐
猜你喜欢
- android studio按钮监听的5种方法实例详解 2023-01-12
- Flutter绘图组件之CustomPaint使用详解 2023-05-12
- Android中的webview监听每次URL变化实例 2023-01-23
- Flutter手势密码的实现示例(附demo) 2023-04-11
- 解决Android Studio突然不显示logcat日志的问题 2023-02-04
- iOS开发教程之XLForm的基本使用方法 2023-05-01
- IOS应用内跳转系统设置相关界面的方法 2022-11-20
- Android多返回栈技术 2023-04-15
- IOS 播放系统提示音使用总结(AudioToolbox) 2023-03-01
- Android开发使用RecyclerView添加点击事件实例详解 2023-06-15
