图片抖动(帧动画)

1.帧动画介绍:
        CAKeyframeAnimation它可以在多个值之间进行动画.
        设置多值之间的属性为:
        后面是一个数组,就是要设置的多个值.
        anim.values = @[];
        
        它还可以根据一个路径做动画.
        anim.path = 自己创建的路径.
    
    2.图片抖动思路:
        其实就是做一个左右旋转的动画.先让它往左边旋转-5,再往右边旋转5度,再从5度旋转到-5度.
        就会有左右摇摆的效果了.
        
        具体实现代码
        创建帧动画
        CAKeyframeAnimation *anim = [CAKeyframeAnimation animation];
        设置动画属性为旋转
        anim.keyPath = @"transform.rotation";
        设置属性值为多个属性
        anim.values = @[@(angle2radio(-5)),@(angle2radio(5)),@(angle2radio(-5))];
        设置动画执行次数
        anim.repeatCount = MAXFLOAT;
        添加动画
        [_imageView.layer addAnimation:anim forKey:nil];
    
    3.根据圆形的路径做移动的效果.
        创建路径
        UIBezierPath *path = [UIBezierPath 
                              bezierPathWithOvalInRect:CGRectMake(50, 50, 100, 100)];
       [path addLineToPoint:CGPointMake(200, 500)];
       
       把路径设为动画的属性
       anim.path = path.CGPath;

时间: 2024-10-11 12:12:33

图片抖动(帧动画)的相关文章

Qt移动应用开发(三):使用精灵图片实现帧动画

Qt移动应用开发(三):使用精灵图片实现帧动画 上一篇博文讲到了Qt Quick对于动画的一般支持,动画的形式多样,配合不同的插值函数,可以几乎实现所有想要的动画效果,而对于游戏的一些特殊的效果比如说帧动画,Qt更是有专门的类来实现.下面我们就来看看Qt Quick中究竟是对帧动画是如何实现的吧. 原创文章,反对未声明的引用.原博客地址:http://blog.csdn.net/gamesdev/article/details/33743527 一般2D的游戏引擎都将帧动画作为一项非常重要的功能

08-图片抖动(帧动画)

*:first-child { margin-top: 0 !important; } body > *:last-child { margin-bottom: 0 !important; } a { color: #4183C4; } a.absent { color: #cc0000; } a.anchor { display: block; padding-left: 30px; margin-left: -30px; cursor: pointer; position: absolute

将gif图片解析为cocos2d-x帧动画

因为游戏项目需要能够直接播放gif格式的图片,但是cocos2d-x本身并没有提供这方面的功能.在网上查阅发现已经有人给出了一种实现,但是并不能够完全满足我的需求.而且存在一些问题,如不能跨平台,频繁加载时导致内存用尽.后来参考其源码作出了一些修改,使gif图片转换为帧动画方便我使用. 现在已经优化了内存分配问题并且支持跨平台了,支持cocos2d-x3.0以上版本. 下面是使用例子: // 动画定义 GifAnimationDef def; def.loops = -1; // 循环次数 de

002-UIImageView和UIButton对比 UIImageView的帧动画 格式符补充 加载图片两种方式 添加删除SUBVIEW

一>.UIImageView和UIButton对比 显示图片 1> UIImageView只是一种图片(图片默认会填充整个UIImageView)  image\setImage: 2> UIButton能显示2种图片 * 背景 (背景会填充整个UIButton)  setBackgroundImage:forState: * 前置(覆盖在背景上面的图片,按照之前的尺寸显示)  setImage:forState: * 还能显示文字 点击事件 1> UIImageView默认是不能

UIImageView帧动画清除缓存图片,防止图片占用内存太多

我们在使用UIImageView帧动画时会碰到加载到内存的图片不会自动释放,占用很多的内存,这时我们可能使用 UIImage imageWithContentsOfFile 并配合 imageView.animationImages = nil; 来清理不用的缓存动画图片.具体如下: UIImageView帧动画相关属性和方法: 需要播放的序列帧图片数组(里面都是UIImage对象,会按顺序显示里面的图片) @property(nonatomic,copy) NSArray *animation

android如何做iphone那种图片抖动动画的效果(包括button和EditText)

给按钮做抖动效果,可以这样做,建立anim文件夹在res下面,创建一个button_shake.xml <?xml version="1.0" encoding="utf-8"?> <rotate xmlns:android="http://schemas.android.com/apk/res/android" android:duration="120" android:fromDegrees="

android 帧动画的实现及图片过多时OOM解决方案(一)

一,animation_list.xml中静态配置帧动画的顺序,如下: <?xml version="1.0" encoding="utf-8"?> <animation-list xmlns:android="http://schemas.android.com/apk/res/android" android:oneshot="true" > <item android:drawable=&q

关于解决Activity设置图片背景和ImageView设置帧动画引发的OOM的解决

近期在工作中,由于Activity的背景图片均为1280 * 720大小的,引发了一系列的OOM问题.做了一些处理,心得如下: 1.首先为什么会出现OOM呢.对于一张1280 * 720的图片,它应该占多大的内存呢? 一张图片(bitmap)占用的内存大小大概等于图片的长度 * 图片的宽度(像素)* 单位像素所占用的字节数.而单位像素所占用的字节数,官网文档如下: 2.那么应该如何解决该问题呢? 首先出现OOM的原因是相应的Activity使用完该背景图片后,并没有释放掉对该图片的引用,系统并不

uwp 图片切换动画 使用帧动画

原文:uwp 图片切换动画 使用帧动画 上一篇博客使用了Timer来实现图片的切换,@lindexi_gd讨论了一下性能,我本人其实对性能这一方面不太熟,但我觉得还是有必要考虑一下,那么今天我们使用帧动画开实现以下 新建项目,添加一个Button和Image 在Page里定义资源 <Storyboard x:Key="std" x:Name="std" RepeatBehavior="Forever" AutoReverse="T