【记录】Tom猫——用Animation-list逐帧动画实现

原创 2016年06月03日 14:39:34

第一步:准备图片素材,放到res/drawable目录下

图片素材下载地址:http://pan.baidu.com/s/1dFoH82l(若链接失效请联系作者索取)
Tom

第二步:创建动画文件,放到res/drawable目录下

<?xml version="1.0" encoding="utf-8"?>

<!--   
    根标签为animation-list,其中oneshot代表着是否只展示一遍,设置为false会不停的循环播放动画  
    根标签下,通过item标签对动画中的每一个图片进行声明  
    android:duration 表示展示所用的该图片的时间长度  
 --> 

<animation-list xmlns:android="http://schemas.android.com/apk/res/android" android:oneshot="true">
    <item android:drawable="@drawable/background" android:duration="100"></item>
    <item android:drawable="@drawable/poke_belly_right_0001" android:duration="100"/>
    <item android:drawable="@drawable/poke_belly_right_0002" android:duration="100"/>
    <item android:drawable="@drawable/poke_belly_right_0003" android:duration="100"/>
    <item android:drawable="@drawable/poke_belly_right_0004" android:duration="100"/>
    <item android:drawable="@drawable/poke_belly_right_0005" android:duration="100"/>
    <item android:drawable="@drawable/poke_belly_right_0006" android:duration="100"/>
    <item android:drawable="@drawable/poke_belly_right_0007" android:duration="100"/>
    <item android:drawable="@drawable/poke_belly_right_0008" android:duration="100"/>
    <item android:drawable="@drawable/background" android:duration="100"></item>
</animation-list>

第三步:在布局文件,mian.xml 中引入ImageView

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:background="@drawable/ani" />

</RelativeLayout>

第四步:在MianActivity中播放动画

public class MainActivity extends Activity
{

    @Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        ImageView imageView = (ImageView) findViewById(R.id.imageView1);
        final AnimationDrawable background = (AnimationDrawable) imageView.getBackground();
        imageView.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v)
            {
                // 停止上一次的动画,然后开始播放
                background.stop();
                background.start();
            }
        });
    }
版权声明:本文为博主原创文章,未经博主允许不得转载。

通过开源项目SoundTouch实现类似Tom猫的变声功能

SoundTouch是一个开源的音频处理库,用于改变音频流或音频文件的节奏、音调和播放速率。         通过调节Tempo、Pitch和Playback Rate可以实现类似Tom猫的变声效果...
  • zmywly
  • zmywly
  • 2014年10月30日 20:41
  • 7282

android、ios会说话汤姆猫图片素材包

  • 2016年09月23日 16:15
  • 25.36MB
  • 下载

Android 用Animation-list实现逐帧动画详细步骤

1.在res\drawable目录下创建两个文件,分别为animation1.xml及animation2.xml分别用于顺序和倒序显示动画文件,具体创建步骤: (1) (2) ...
  • LLXLQY
  • LLXLQY
  • 2016年08月22日 15:15
  • 2912

Android之逐帧动画

逐帧动画 含义:逐帧动画是把动画过程的每张静态图片 都收集起来,然后由Android来控制依次 显示这些静态图片,然后利用人眼视觉暂 留的原理,给用户造成动画的错觉。 逐帧动画的动画原理与放电影的原理...
  • qq_33642117
  • qq_33642117
  • 2016年07月04日 10:42
  • 1350

Android 用Animation-list实现逐帧动画实例

在处理耗时工作的时候,大多数会弹出一个加载的框,里面有一个连续旋转的图片,很多时候都是用一张图片,使用rotate来设定旋转,不过看起来不太美观,没有形象感,在3.0之前Android有两种动画效果分...
  • bestone0213
  • bestone0213
  • 2015年03月07日 12:40
  • 418

Android开发之逐帧动画优化

Android上如果使用逐帧动画的话,可以很方便地使用AnimationDrawable,无论是先声明xml还是直接代码里设置,都是几分钟的事,但使用AnimationDrawable有一个致命的弱点...
  • xanxus46
  • xanxus46
  • 2017年04月04日 19:46
  • 551

补间动画和逐帧动画结合之蝴蝶飞舞

package com.test.tweenanimation;import android.graphics.drawable.AnimationDrawable; import android.o...
  • blueshell001
  • blueshell001
  • 2016年06月26日 14:47
  • 858

Android动画之逐帧动画(FrameAnimation)详解

转载请注明出处:http://blog.csdn.net/xiaohao0724/article/details/54582965 Android中的动画,大概分为三种: 1、逐帧动画...
  • xiaohao0724
  • xiaohao0724
  • 2017年01月17日 14:44
  • 840

利用css3-animation来制作逐帧动画

前言 趁着还没有元旦之前先码一篇文章,不然到时候估计又被各种虐了,所以趁现在还有力气先来一篇。今天来聊聊css3中的动画属性animation,对这个属性懵懂是在很早的时候有前辈用这个 animat...
  • chen0o0
  • chen0o0
  • 2015年09月18日 10:13
  • 1168

利用css3-animation来制作逐帧动画

利用css3-animation来制作逐帧动画 前言 趁着还没有元旦之前先码一篇文章,不然到时候估计又被各种虐了,所以趁现在还有力气先来一篇。今天来聊聊css3中的动画属性animation,...
  • xianyu410725
  • xianyu410725
  • 2015年01月21日 11:43
  • 1730
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:【记录】Tom猫——用Animation-list逐帧动画实现
举报原因:
原因补充:

(最多只允许输入30个字)