animation-list -帧动画

帧动画实现起来比较简单,今天接触到使用xml来创建帧动画,记录下来。

它说白了,其实就是动态的展示图片而已

1.在xml中定义帧动画,如下

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:drawable="@drawable/alarm_time_reached_left" android:duration="250"></item>
    <item android:drawable="@drawable/alarm_time_reached_on" android:duration="250"></item>
    <item android:drawable="@drawable/alarm_time_reached_right" android:duration="250"></item>
    <item android:drawable="@drawable/alarm_time_reached_on" android:duration="250"></item>
    <item android:drawable="@drawable/alarm_time_reached_left" android:duration="75"></item>
</animation-list>

参数介绍

上面每一个item代表动画的一个状态。其实就是当前选择的drawable。而后面跟这个的duration,就是这个状态的持续时间

2.xml的引用

它其实就是可以当作一个drawable来使用。比如用作一个imageview的背景

 <ImageView
                 android:id="@+id/alarm_time_reached_on"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:layout_gravity="center"
                 android:src="@drawable/alarmbellrotate" />

3)在代码中启动

  mAlarmReachOn = ((ImageView) view.findViewById(R.id.alarm_time_reached_on));
        final AnimationDrawable ad = (AnimationDrawable) mAlarmReachOn.getDrawable();
        if (ad != null) {
            if (!ad.isRunning()) {
                android.util.Log.e("zhangshuli", "running");
                ad.start();
            } else {
                ad.stop();
            }
        }   
时间: 2024-11-05 16:01:56

animation-list -帧动画的相关文章

CSS3 animation 逐帧动画

前言 css3 loading动画 animation介绍 定义和用法 animation属性是一个简写属性,用于设置六个动画属性. animation: name duration timing-function delay interation-count direction; 值 描述 animation-name 规定需要绑定到选择器的keyframe名称 animation-duration 规定完成动画所花费的时间,以秒或毫秒为计 animation-timing-function

看完就会的Android动画(帧动画)

帧动画(Drawable Animation) 帧动画:加载一系列的图片资源,一张一张的显示播放. 实现步骤 1. 在res/drawable目录下创建一个xml文件,根节点是.并可以配置oneshot属性表示动画是否播放一次活反复播放. 2. 在xml文件内添加图片资源,以及设置图片播放的时长. 3. 在Activity中为指定的ImageView设置背景资源,然后再获取背景并转换成AnimationDrawable并开启动画. 代码演示 animation_drawable1.xml <?x

Android Animation 动画Demo(Frame逐帧动画)

上一篇介绍了Animation动画其一:Tween补间动画. 这篇文章接下来介绍Animation另一种动画形式:Frame逐帧动画. Frame动画是一系列图片按照一定的顺序展示的过程,和放电影的机制很相似,我们称为逐帧动画.Frame动画可以被定义在XML文件中,也可以完全编码实现(后面会给出这两种实现方式的源代码Demo). 下面分别介绍: 一.定义在xml中实现: 实现效果图: 源代码: 布局文件:main.xml: <?xml version="1.0" encodin

Android动画效果之Frame Animation(逐帧动画)(二)(

前言: 上一篇介绍了Android的Tween Animation(补间动画) Android动画效果之Tween Animation(补间动画),今天来总结下Android的另外一种动画Frame Animation(逐帧动画). Frame Animation(逐帧动画): 逐帧动画(Frame-by-frame Animations)从字面上理解就是一帧挨着一帧的播放图片,就像放电影一样.和补间动画一样可以通过xml实现也可以通过java代码实现.接下来借助目前项目中的一个开奖的动画来总结

深入理解CSS3 Animation 帧动画

CSS3我在5年之前就有用了,包括公司项目都一直在很前沿的技术. 最近在写慕课网的七夕主题,用了大量的CSS3动画,但是真的沉淀下来仔细的去深入CSS3动画的各个属性发现还是很深的,这里就写下关于帧动画steps属性的理解 我们知道CSS3的Animation有八个属性 animation-name animation-duration animation-delay animation-iteration-count animation-direction animation-play-sta

帧动画Drawable Animation入门

Drawable Animation Drawable animation lets you load a series of Drawable resources one after another to create an animation. This is a traditional animation in the sense that it is created with a sequence of different images, played in order, like a

css3 animation实现逐帧动画

css3里面的animation属性非常强大,但是自己用的比较少,最近有次面试就刚好被问到了,趁现在有时间就对animation做一个小总结.同时实现一个逐帧动画的demo作为练习 animation属性一览 因为animation属性比较多,然后在w3c上看有点蛋疼,干脆也做了一份导图,以后想查看,就一目了然了 使用animation实现逐帧动画 熟悉了animation的属性之后,得找个简单的小项目实现下,逐帧动画好有意思,先跑一个满足下自己思路很简单,就是给元素一个雪碧图的背景,然后添加的

深入理解CSS3 Animation 帧动画 ( steps )

作者:Aaron的博客 网址:http://www.cnblogs.com/aaronjs/p/4642015.html -------------------------------------------------------------------------------------------------------------------------------- CSS3我在5年之前就有用了,包括公司项目都一直在很前沿的技术. 最近在写慕课网的七夕主题,用了大量的CSS3动画,但是

Android动画效果之Frame Animation(逐帧动画)

前言: 上一篇介绍了Android的Tween Animation(补间动画) Android动画效果之Tween Animation(补间动画),今天来总结下Android的另外一种动画Frame Animation(逐帧动画). 其他几种动画效果: Android动画效果之Tween Animation(补间动画) Android动画效果之Frame Animation(逐帧动画) Android动画效果之初识Property Animation(属性动画) Android动画效果之Prop

background-position和animation制作逐帧动画

利用background-position和animation制作逐帧动画,成品如下: html里面只要写一个元素就够了,动画我们把图片添加成背景做,再让背景在元素内移动.我用了一个整合图片,7个片段 *{margin:0;padding:0;} section{ width: 180px; height: 300px; background: url(images/charector.png) no-repeat; margin: 50px auto; border: 2px solid re