这篇文章主要为大家详细介绍了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实现音乐播放器图片旋转
猜你喜欢
- 详解flutter engine 那些没被释放的东西 2022-12-04
- 最好用的ios数据恢复软件:PhoneRescue for Mac 2023-09-14
- SurfaceView播放视频发送弹幕并实现滚动歌词 2023-01-02
- Android MaterialButton使用实例详解(告别shape、selector) 2023-06-16
- iOS 对当前webView进行截屏的方法 2023-03-01
- 作为iOS开发,这道面试题你能答出来,说明你基础很OK! 2023-09-14
- Android实现轮询的三种方式 2023-02-17
- Flutter实现底部和顶部导航栏 2022-08-31
- Android studio实现动态背景页面 2023-05-23
- Android实现监听音量的变化 2023-03-30
