`
修博龙泉
  • 浏览: 317505 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

动画-图片旋转

 
阅读更多
旋转:
iv = [[UIImageView alloc] initWithFrame:CGRectMake(10, 10, 300, 300)];
    [iv setImage:[UIImage imageNamed:@"dial_panel"]];
    //CALayer *rotate_layer = iv.layer;
    [self.view addSubview:iv];
    CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"transform"];
    animation.delegate = self;
    animation.toValue = [NSValue valueWithCATransform3D:CATransform3DMakeRotation(M_PI , 0, 0, 1.0)];
    animation.duration = 1;
    animation.cumulative = YES;
    animation.repeatCount = INT_MAX;
    animation.speed = 10;
    [iv.layer addAnimation:animation forKey:@"animation"];

暂定:
    CFTimeInterval pausedTime = [iv.layer convertTime:CACurrentMediaTime() fromLayer:nil];
    iv.layer.speed = 0.0;
    iv.layer.timeOffset = pausedTime;
分享到:
评论
2 楼 修博龙泉 2013-05-13  
旋转view:
  CGAffineTransform at =CGAffineTransformMakeRotation(M_PI/2);//先顺时钟旋转90
//    at =CGAffineTransformTranslate(at,200,0);
    [self.image setTransform:at];
1 楼 修博龙泉 2013-05-13  
阻尼效果图片:
CALayer *layer = self.image.layer;
    CAKeyframeAnimation *animation;
    animation = [CAKeyframeAnimation animationWithKeyPath:@"transform.rotation.z"];
    animation.duration = 0.5f;
    animation.cumulative = YES;
    animation.repeatCount = 1;
    animation.values = [NSArray arrayWithObjects:   	// i.e., Rotation values for the 3 keyframes, in RADIANS
                        [NSNumber numberWithFloat:0.0 * M_PI],
                        [NSNumber numberWithFloat:0.75 * M_PI],
                        [NSNumber numberWithFloat:1.5 * M_PI], nil];
    animation.keyTimes = [NSArray arrayWithObjects:     // Relative timing values for the 3 keyframes
                          [NSNumber numberWithFloat:0],
                          [NSNumber numberWithFloat:.5],
                          [NSNumber numberWithFloat:1.0], nil];
    animation.timingFunctions = [NSArray arrayWithObjects:
                                 [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn],	// from keyframe 1 to keyframe 2
                                 [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut], nil];	// from keyframe 2 to keyframe 3
    animation.removedOnCompletion = NO;
    animation.fillMode = kCAFillModeForwards;
    
    [layer addAnimation:animation forKey:nil];

相关推荐

    javascript经典特效---图片旋转效果.rar

    8. **动画平滑性**:为了保证旋转效果的平滑性,可以使用CSS3的`transition`属性,配合`transform-origin`指定旋转中心,确保图片旋转过程中的流畅性。 总之,JavaScript实现图片旋转效果有多种方法,从纯CSS到...

     IOS核心动画-旋转Demo

    下面我们将深入探讨核心动画的基本概念、图片旋转的关键技术和无限循环滚动的实现方法。 一、核心动画基础 核心动画是iOS中的一个底层动画框架,它负责处理视图的渲染和动画。通过核心动画,开发者可以创建出流畅、...

    Android项目 Rotatable-master旋转动画

    补间动画主要用于改变视图的位置、大小、透明度等属性,而帧动画则类似于电影胶片,通过连续播放一系列图片来实现动效。在这个项目中,我们关注的是补间动画,特别是3D旋转,它属于补间动画的一种。 3D旋转在...

    iOS 图片旋转动画

    在iOS开发中,图片旋转动画是一种常见的视觉效果,常用于音乐播放器、加载指示器或者各种过渡动画。本文将深入探讨如何实现一个类似音乐播放器的图片旋转动画,并在动画停止时保持图片当前的旋转角度。 首先,我们...

    android自定义ImageView实现旋转动画

    本文将深入探讨如何通过自定义ImageView来实现旋转动画,让图片在XYZ轴上动态展示,为用户带来更加生动的视觉效果。 首先,我们需要创建一个新的类,继承自Android的内置ImageView类。这个新类将作为我们自定义的...

    安卓动画效果相关-基于android旋转动画做的摇晃铃铛的动画效果代码很简单注释很简单可直接集成在项目中非常好用.rar

    假设我们有一个ImageView用来显示铃铛图片,我们可以通过以下方式启动动画: ```java ImageView bellImageView = findViewById(R.id.bell_image_view); Animation rotateAnim = AnimationUtils.loadAnimation(this,...

    如何在Android中实现图片及动画的缩放和旋转

    " Android 图片及动画的缩放和旋转实现" Android 动画有两种:Tween Animation 和 Frame Animation。本文主要介绍 Tween Animation 的实现, Tween Animation 是对视图对象中的内容进行一系列简单的转换,比如位置...

    原生JS动画框架,带图片旋转功能

    总之,原生JS动画框架,尤其是带有图片旋转功能的实现,是一个技术含量较高的项目,涉及到JavaScript基础、CSS3变换、浏览器兼容性和性能优化等多个方面。通过理解和应用这样的框架,开发者可以创建出更具互动性和...

    Reel-1.3.0图片旋转

    "Reel-1.3.0图片旋转"是一个专门针对图片旋转功能的软件或库,版本为1.3.0。这个工具可能提供了JavaScript(js)实现,使得在浏览器环境中能够方便地对图片进行旋转操作,这也是“js图片旋转”标签所指代的内容。 ...

    安卓动画效果相关-旋转木马效果.rar

    这个压缩包“安卓动画效果相关-旋转木马效果.rar”包含了实现旋转木马效果的相关代码和资源,尽管未全部验证其可用性,但开发者可以通过学习和调整来运用到自己的项目中。 首先,我们来看"CarouselDemo"这个文件,...

    纯CSS3表情图片旋转动画特效.zip

    【纯CSS3表情图片旋转动画特效】是一种利用CSS3特性实现的动态视觉效果,它将卡通表情图片设计成可旋转的动画,为网页增添趣味性和互动性。在现代网页设计中,这种效果常用于吸引用户的注意力,提升用户体验,特别是...

    Android-图片转字符图片工具类支持Gif动画。图片旋转GIF图增加文字等工具类

    图片转字符图片工具类,...图片旋转、GIF图增加文字等工具类 Picture Character Transfer Picture Tool Class, Gif animation support. Tool classes such as picture rotation, GIF graph adding text effects, etc.

    Android 3d 图片 旋转动画

    在Android开发中,3D图片旋转动画是一种常见且吸引用户注意力的视觉效果。它能够为应用程序增添生动性和交互性。本文将深入探讨如何在Android中实现3D图片旋转动画,包括基本概念、所需技术以及具体步骤。 首先,...

    javascript经典特效---变形旋转的图片.rar

    通过JavaScript,我们可以实现对图片的动态操作,如改变大小、位置、透明度,以及执行复杂的动画,如变形和旋转。 变形效果通常涉及到图片的几何变换,这可以通过修改图片的宽度、高度、角度等属性来实现。在...

    flutter RotationTransition实现旋转动画

    Flutter RotationTransition 实现旋转动画 Flutter 中的 RotationTransition 是一个实现旋转动画的 widget,它可以对子 widget 进行旋转,并且可以通过 AnimationController 对动画进行控制。在本文中,我们将详细...

    jQuery hover鼠标悬停品牌图片旋转动画展示-20130716

    标题“jQuery hover鼠标悬停品牌图片旋转动画展示-20130716”指出,这个资源涉及使用jQuery库来实现一个特定的交互效果,即当用户将鼠标悬停在品牌图片上时,图片会执行旋转动画。这通常是为了增强用户体验,使网站...

    Android代码-圆形旋转菜单.zip

    首先,圆形旋转菜单通常由一个中心点出发,向外辐射出多个选项,用户可以通过手势(如点击或滑动)触发旋转动画,显示或隐藏菜单项。这种设计在很多类型的移动应用中都很常见,比如设置菜单、导航菜单或者快捷操作...

    带图片旋转动画的手风琴特JS效代码.zip

    实现效果: 带图片旋转动画的手风琴特JS效代码,图片选择动画效果非常不错的,自动间隔时间切换,效果是 非常不错的,动画基于jQuery animate实现。

    flash示爱动画特效-表白动画-结婚-示爱动画素材

    4. **动画效果**:Flash提供了多种内置的动画效果,如淡入淡出、旋转、缩放等,可应用于对象的转换。这些效果可以轻松地添加到关键帧之间,创建出丰富的视觉表现。 5. **图层管理**:在Flash中,可以使用图层来组织...

    iOS动画--我们可以和应该做哪些动画

    - **旋转**:通过旋转视图来创建动画,如加载指示器的旋转动画。 - **透明度变化**:通过改变视图的透明度来创建动画,如淡入淡出效果。 2. **高级动画** - **路径动画**:沿着特定路径移动视图的动画,如导航栏...

Global site tag (gtag.js) - Google Analytics