时间:2021-05-19
本文实例为大家分享了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.
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
Android音乐播放器的运行效果这篇博客还是接着上一篇Android音乐播放器制作写的,没看过的可以去看看。其中这个效果(圆形ImageView和控件匀速旋转
本文主要介绍了原生JS实现音乐播放器的示例代码,分享给大家,具体如下:效果图音乐播放器播放控制播放进度条控制歌词显示及高亮播放模式设置播放器属性归类按照播放器的
本文实例讲述了js实现可兼容IE、FF、Chrome、Opera及Safari的音乐播放器。分享给大家供大家参考。具体实现方法如下:/**音乐播放器*@para
QQ音乐播放器中的定时停止播放音乐怎么设置?在QQ音乐播放器中,有个停止播放音乐的功能,可以对计算机设置定时停止播放音乐。那么,具体在QQ音乐播放器中该怎么设置
vue2.0+SVG实现音乐播放圆形进度条组件,传入实时百分比实现圆圈进度动画效果需求分析:类似于大多数音乐播放器中等mini播放器控制按钮,显示播放进度,实时