Swift--使图片360° 周期旋转

UIImageView+Extension.swift
import UIKit

extension UIImageView {

    // 360度旋转图片
    func rotate360Degree() {
        let rotationAnimation = CABasicAnimation(keyPath: "transform.rotation.z") // 让其在z轴旋转
        rotationAnimation.toValue = NSNumber(double: M_PI * 2.0) // 旋转角度
        rotationAnimation.duration = 0.6 // 旋转周期
        rotationAnimation.cumulative = true // 旋转累加角度
        rotationAnimation.repeatCount = 100000 // 旋转次数
        layer.addAnimation(rotationAnimation, forKey: "rotationAnimation")
    }

    // 停止旋转
    func stopRotate() {
        layer.removeAllAnimations()
    }
}

上面的代码使用了CABasicAnimation做动画,组合了UIImageView扩展,使UIImageView中的单幅图片围绕Z轴做周期旋转。

直接把上述代码加到UIImageView扩展中,并设定旋转周期和旋转次数(可设定repeatCount为最大值使其一直旋转),然后调用即可。

时间: 2024-12-31 03:47:03

Swift--使图片360° 周期旋转的相关文章

Android图片360全景旋转

============问题描述============ 我在网上找到关于Android全景图片旋转的demo,经测试也可以用http://download.csdn.net/detail/a394268045/7251865,但是我现在想加入陀螺仪效果,就是拿着手机旋转(不用触摸),手机中图片也能跟着动,实现这个需要有opengl功底,但那矩阵本人着实看得头疼,空间想象力不行,希望有大神能帮忙解决下. ============解决方案1============ 楼主 搞定没 =========

图片360度旋转

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>图片循环旋转</title> <style> *{margin: 0; padding: 0;} @-webkit-keyframes rotation{ from {-webkit-transform: rotate(0deg);} to {-webkit-transform:

Html5添加产品图片360度旋转插件教程

一.使用方法 <link href="/css/tikslus360.css" rel="stylesheet"> <script src="/js/jquery.min.js"></script> <script src="/js/tikslus360.min.js"></script> 二.Html结构 <div id="view360"

原生图片360度旋转

1 <!doctype html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title></title> 6 <style> 7 #left{ position:absolute; left:0; top:0; width:50%; hei

html5 图片360旋转

test.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图片360度旋转</title> <style> input { font-size:18px; padding:5px 20px 5px 20px; font-weight:bold; color:white; backgr

360度旋转图片小特效

现在,在这个网络发达的时代,一些电子商务公司,需要将自己线上的产品给买家或用户看,为了能让用户了解的更全面,那么把一个物件的产品要展示到方方面面,就要运用到360度旋转图片特效,因为上次有朋友叫我帮她弄这样一个效果,然后结合网上的资源,就小试牛刀了,觉得还挺好玩的,效果还是可以看的吧. 首先呢,需要在HTML文档中引入3deye.min.js文件和jq.js,这些可以在网上下载到免费的,另外,要展示到方方面面的,就要做这件物品的各个角度的图片,我这里是36张图片,每10度一张图片,好了,我就贴出

html5人物图片360度立体旋转

体验效果:http://hovertree.com/texiao/html5/10.htm 下载:http://hovertree.com/hvtart/bjae/t16oddyt.htm 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Full 360 degree View - HoverTree</title> <sty

CSS3鼠标悬停图片360度旋转效果

一个用HTML5/css3写成的图片旋转特效,鼠标放上后图片就开始不停的旋转,对CSS3动画效果感兴趣的,更不可错过哦,用CSS3实现动画效果很不错的范例. <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <title>CSS3鼠标悬停图片360度旋转效果丨电表控制器|www.sjzkeda.com</title>

android animation应用——图片绕固定点旋转

一.功能:实现将图片绕固定点旋转,圈数随机,onTouch后旋转. 二.程序框架: 组成 功能 主Activity:MyActivity 1.实现animation 2.实现onTouch View       :MyView 1.将突破绘制到MyView上 三.程序源代码: MyVIew.java package com.androids.kavinapps.myapplication; import android.content.Context; import android.graphi