精华内容
下载资源
问答
  • iOS GIF 格式动画 图片显示

    万次阅读 2014-02-09 23:04:42
    在 iOS 开发中,我们常使用 ...其中 GIF 图片不支持动画。 如果中 iOS 中显示 GIF 动画图片,则需要自己实现。具体实现方式很简单,使用 SDK 中的 Image I/O framework 解码图片,读取 GIF 动画图片的帧数,显示时间。

    在 iOS 开发中,我们常使用 SDK 中的 UIImageView 显示图片,使用 UIImage 解码图片文件或数据,其支持 PNG, JEPG, BMP, GIF 等格式。其中 GIF 图片不支持动画。

    如果中 iOS 中显示 GIF 动画图片,则需要自己实现。具体实现方式很简单,使用 SDK 中的 Image I/O framework 解码图片,读取 GIF 动画图片的帧数,显示时间。

    然后使用 SDK 中的 quartzcore framework 中的 core animation 的 CAKeyFrameAnimation 类对 CALayer 执行动画。 

    1. 解码图片,在  iOS Create an CGImageSource 文章已经介绍了如何使用 Image I/O framework 进行图片解码。

    2. 读取 GIF 动画图片的每一帧图片及显示时间,并保存成数组:

    size_t imageCount = CGImageSourceGetCount(cImageSource);
        NSMutableArray *images = [[NSMutableArray alloc] initWithCapacity:imageCount];
        NSMutableArray *times = [[NSMutableArray alloc] initWithCapacity:imageCount];
        NSMutableArray *keyTimes = [[NSMutableArray alloc] initWithCapacity:imageCount];
        
        float totalTime = 0;
        for (size_t i = 0; i < imageCount; i++) {
            CGImageRef cgimage= CGImageSourceCreateImageAtIndex(cImageSource, i, NULL);
            [images addObject:(__bridge id)cgimage];
            CGImageRelease(cgimage);
       
            NSDictionary *properties = (__bridge NSDictionary *)CGImageSourceCopyPropertiesAtIndex(cImageSource, i, NULL);
            NSDictionary *gifProperties = [properties valueForKey:(__bridge NSString *)kCGImagePropertyGIFDictionary];
            NSString *gifDelayTime = [gifProperties valueForKey:(__bridge NSString* )kCGImagePropertyGIFDelayTime];
            [times addObject:gifDelayTime];
            totalTime += [gifDelayTime floatValue];
            
            _size.width = [[properties valueForKey:(NSString*)kCGImagePropertyPixelWidth] floatValue];
            _size.height = [[properties valueForKey:(NSString*)kCGImagePropertyPixelHeight] floatValue];
        }
        
        float currentTime = 0;
        for (size_t i = 0; i < times.count; i++) {
            float keyTime = currentTime / totalTime;
            [keyTimes addObject:[NSNumber numberWithFloat:keyTime]];
            currentTime += [[times objectAtIndex:i] floatValue];
        }

    3. 执行 CAKeyFrameAnimation 动画

    CAKeyframeAnimation *animation = [CAKeyframeAnimation animationWithKeyPath:@"contents"];
        [animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionLinear]];
        [animation setValues:images];
        [animation setKeyTimes:keyTimes];
        animation.duration = totalTime;
        animation.repeatCount = HUGE_VALF;
        [self.layer addAnimation:animation forKey:@"gifAnimation"];

    完成!

    展开全文
  • gifplayer是一款可以控制GIF动画格式图片播放和暂停的jQuery插件。该jQuery插件使用简单,文件体积小。可用于控制任何GIF动画图片的开始播放和暂停播放。 要使用该GIF动画图片jquery插件,可以分为下面的五个步骤:...
    gifplayer是一款可以控制GIF动画格式图片播放和暂停的jQuery插件。该jQuery插件使用简单,文件体积小。可用于控制任何GIF动画图片的开始播放和暂停播放。
    要使用该GIF动画图片jquery插件,可以分为下面的五个步骤:
    • 在你的页面中添加一个静态版本的GIF图片,格式为PNG、jpg等图片格式都可以。
    • 在img标签中添加data-gif属性指向GIF动画图片,或者不写也可以。
    • 在图片文件夹中放置.gif格式的图片和它的静态版本的图片,两个图片的名称要相同。
    • 在你的页面中引入gifplayer.js和gifplayer.css文件。
    • 页面加载完毕后,通过.gifplayer()方法调用该插件。

    在线演示:http://www.htmleaf.com/Demo/201503071479.html

    下载地址:http://www.htmleaf.com/jQuery/Image-Effects/201503071478.html

    展开全文
  • 开机动画(闪动的ANDROID字样的动画图片) <br /> Android 的系统登录动画类似于Windows系统的滚动条,是由前景和背景两张PNG图片组成,这两张图片存在于/system/framework /framework-res.apk文件...

    开机动画(闪动的ANDROID字样的动画图片)

    Android 的系统登录动画类似于Windows系统的滚动条,是由前景和背景两张PNG图片组成,这两张图片存在于/system/framework /framework-res.apk文件当中。前景图片(android-logo-mask.png)上的Android文字部分镂空,背景图片 (android-logo-shine.png)则是简单的纹理。系统登录时,前景图片在最上层显示,程序代码控制背景图片连续滚动,透过前景图片文字 镂空部分滚动显示背景纹理,从而实现动画效果。

    相关代码:
    /frameworks/base/libs/surfaceflinger/BootAnimation.h
    /frameworks/base/libs/surfaceflinger/BootAnimation.cpp

    /frameworks/base/core/res/assets/images/android-logo-mask.png
    Android 默认的前景图片,文字部分镂空,大小256×64
    /frameworks/base/core/res/assets/images/android-logo-shine.png
    Android 默认的背景图片,有动感效果,大小512×64

    参考文档:

    图说Android开机画面和开机动画
    http://www.shudoo.com/09/1030/15/13418431.html

    initlogo.rle: display an image on boot
    http://forum.xda-developers.com/showthread.php?t=443431

    分 析Android 根文件系统启动过程(init守护进程分析)
    http://crazier9527.javaeye.com/blog/454635

    Android 开机会出现3个画面:
    a.  Bootloader启动,出现Android机器人图像;
    b.  Android平台启动初始化,出现"A N D R I O D"文字字样画面;
    c.  Android平台图形系统启动,出现含闪动的ANDROID字样的动画图片(start)。

    a. Bootloader显示的Android机器人图像


    b. 开机文字("A N D R I O D")


    Android 系统启动后,读取 /initlogo.rle(一张565 rle压缩的位图),如果读取成功,测在/dev/graphics/fb0显示Logo图片;如果读取失败,则将/dev/tty0设为TEXT模式, 并打开/dev/tty0,输出文本“A N D R I O D”字样。

    相关代码:

    /system/core/init/init.c
    /system/core/init/init.h
    /system/core/init/init.rc
    /system/core/init/logo.c

    *.rle文件的制作步骤:
    1. 使用GIMP或者Advanced Batch Converter软件,将图象转换为RAW格式;
    2. 使用android自带的rgb2565工具,将RAW格式文件转换为RLE格式(如:rgb2565 -rle < initlogo.raw > initlogo.rle)。

    c. Android平台图形系统启动


    Android的系统登录动画类似于Windows系统的滚动条,是由前景和背景两张PNG图片组成。前景图片(android- logo-mask.png)上的Android文字部分镂空,背景图片(android-logo-shine.png)则是简单的纹理。系统登录时, 前景图片在最上层显示,程序代码控制背景图片连续滚动,透过前景图片文字镂空部分滚动显示背景纹理,从而实现动画效果。

    相关代码:
    frameworks/base/cmds/bootanimation/BootAnimation.h
    frameworks/base/cmds/bootanimation/BootAnimation.cpp

    frameworks/base/core/res/assets/images/android-logo-mask.png
    Android 默认的前景图片,文字部分镂空,大小256×64
    frameworks/base/core/res/assets/images/ android-logo-shine.png
    Android默认的背景图片,有动感效果,大小512×64

    展开全文
  • CSS动画 图片或者文字上下来回循环上下移动 @keyframes dong { 0% { transform: translate(0px, 0px); } 50% { transform: tran...

    CSS动画 图片或者文字上下来回循环上下移动

    @keyframes dong { 
           0% {             
               transform: translate(0px, 0px);            
            }            
            50% {                
               transform: translate(0px, -10px);            
            }            
            100% {                
               transform: translate(0px, 0px);
            }
    }
    

    @keyframes后面的名字来调用
    infinite为无线循环

      .top{
        animation: dong 1s infinite;
      }
    
    展开全文
  • android动画图片从中间放大

    千次阅读 2017-09-20 16:13:45
    Animations是一个可是实现Android UI动画效果的API,Animations提供了很多动画效果,例如旋转、缩放、淡入淡出等等。这些效果可以应用到我们各种空间当中,使我们的app更加酷起来。 那么我今天就教给大家如何把...
  • 利用SVG clip-path显示动画图片

    千次阅读 2012-03-29 14:18:36
    利用SVG clip-path显示动画图片 需求:手头的动画资源大部分为同一图片动画集合,而SVG中没有能够直接利用的办法 解决方法:将图片显示在SVG中,并根据帧数,动态生成clip-path,选择需要的部分,并根据选择部分...
  • IT之家(www.ithome.com):Win7开机动画图片下载大全 ...哪儿有Windows 7开机动画图片下载? 最好看的Windows 7开机动画图片有哪些? 谁有Windows7开机动画图片共享下啊? 上面的几个问题,碰到的真不少,于
  • GIF 动画图片是一种非常有趣的图片格式,比静态图片更能够表达出含义,如果能制作得有创意,那就非常的有趣。今天向大家推荐一个很棒的 GIF 动画图片搜索引擎——Giphy。 您可能感兴趣的相关文章 轻松一刻:那些让...
  • 网页无法显示GIF动画图片解决办法

    万次阅读 2009-12-15 16:39:00
    在给客户实施项目时,服务器装的是windows2003, IE安全级别较高,发现网页无法显示GIF动画图片。解决办法IE->菜单栏--->工具---> InterNet选项--->高级--->多媒体--->播放网页中的动画 (勾选)此处还有声音,视频等...
  • private ViewGroup anim_mask_layout;//动画层 private ImageView sendFeather;// 这是在界面上跑的小图片
  • 我们在Android开发当中经常有给网友展示一些动画的效果,我们不可能放一个视频上去,很多网站也不支持直接上传视频,那么我们就用gif的图片来代替视频的效果。 再网上找了挺多,最终找到一个绿色版并且非常好用的...
  • 原因:在Android 中是不支持直接使用Gif 图片关联播放帧动画,如下动画在Android 中是无法播放的: 1.下载工具easygifanimator进行对一张动画gif图片进行打散为每一个一个的帧。 2.模仿以下代码写资源文件
  • 在最近的项目中居然发现带动画的GIF图片在页面Load之后再以脚本控制的方式展现时,动画不能表现出来。在我的项目中,需要在点击一个按钮后来显示一个动态的Loading图片以此表示程序正在进行后台处理。这是通过一段...
  • CSharp Tips:在Form中显示动画图片

    千次阅读 2006-08-28 11:14:00
    在Windows Form的程序中有的...但是只能是BMP,没法自动支持本身有动画效果的Gif格式的图片。在DotNET中有一个ImageAnimator类,动画处理包含基于时间的帧的图像,这样的在C#中就不需要加载一组图片了,一个Gif轻松搞
  • AnimationDrawable监听播放结束,返回到第一张图片~ImageSwitcher动画图片切换,带动画
  • 显示一个转圈的loading动画图

    千次阅读 2017-06-23 21:22:55
    显示一个转圈的loading动画图
  • Android四大视图动画图文详解

    千次阅读 多人点赞 2015-12-03 22:43:58
    Android中的动画分为视图动画(View Animation)、属性动画(Property Animation)以及Drawable动画。Android从最初的版本就支持视图动画,视图动画顾名思义,就是应用在视图View上的动画。视图动画的核心类是android/...
  • iOS开发系列-动画绘图CALayer

    千次阅读 2016-05-06 13:18:51
    概览 在iOS中随处都可以看到...在这里你可以看到iOS中如何使用图层精简非交互式绘图,如何通过核心动画创建基础动画、关键帧动画动画组、转场动画,如何通过UIView的装饰方法对这些动画操作进行简化等。在今天的文章
  • Android动画图片循环动画

    千次阅读 2016-04-29 10:37:18
    Android动画图片循环动画
  • Unity3D根据模型动画制作2D帧动画图

    千次阅读 2014-03-22 20:49:56
    using UnityEngine; using System.Collections; using System.IO; public class FrameAnimation : MonoBehaviour { public Texture2D image; public int w; public int h;... public float nextTime =
  • Unity图片序列帧动画

    千次阅读 2018-01-03 15:37:29
    美术将整个序列帧动画图片分割为多个png图片,如 然后选中所有,鼠标拖入Hierarchy面板,unity就会自动生成序列帧动画游戏对象,点击unity播放按钮就能实现序列帧的播放了。 2.美术将序列帧图片放在一张图片内,...
  • UV动画贴图——更换表情

    千次阅读 2015-12-22 10:24:50
    整张大图片的00点在图片的左下角,每张小的00点在图片的左上角,1张大的边宽是1,每张小贴图的宽1/列数,高为1/行数。 例如,大左下角的的图片UV坐标为(0,0.25),右上角的UV坐标为(0.75,1),以此类推...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 466,074
精华内容 186,429
关键字:

动画图