安卓学习笔记33：实现逐帧动画

安卓学习笔记33：实现逐帧动画

一、逐帧动画
    （一）逐帧动画概念
    （二）逐帧动画实现方式
二、利用动画资源文件实现逐帧动画 - 功夫熊猫
    （一）运行效果
    （二）涉及知识点
    （三）实现步骤
        1、创建安卓应用【PandaAnimation01】
        2、将图片素材拷贝到drawable目录
        3、创建动画资源文件 - panda_animator.xml
        4、主布局资源文件activity_main.xml
        5、字符串资源文件strings.xml
        6、主界面类 - MainActivity
        7、启动应用，查看效果
三、利用Thread和Handler来实现逐帧动画 - 功夫熊猫
    （一）运行效果
    （二）涉及知识点
    （三）实现步骤
        1、创建安卓应用【PandaAnimation02】
        2、将图片素材拷贝到drawable目录
        3、主布局资源文件activity_main.xml
        4、字符串资源文件strings.xml
        5、主界面类 - MainActivity
        6、启动应用，查看效果
四、利用Timer和TimerTask来实现逐帧动画 - 功夫熊猫
    （一）运行效果
    （二）涉及知识点
    （三）实现步骤
        1、创建安卓应用【PandaAnimation03】
        2、将图片素材拷贝到drawable目录
        3、主布局资源文件activity_main.xml
        4、字符串资源文件strings.xml
        5、主界面类 - Mainactivity
        6、启动应用，查看效果

一、逐帧动画
（一）逐帧动画概念

逐帧动画（Frame-by-Frame Animation）是一种常见的动画形式，其原理是在“连续关键帧”中分解动画动作，也就是在时间轴的每帧上逐帧绘制不同的内容，使其连续播放而成动画。 因为逐帧动画的帧序列内容不一样，不但给制作增加了负担，而且最终输出的文件量也很大，但它的优势也很明显，逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容，而它类似与电影的播放模式，很适合于表演细腻的动画。例如人物或动物急剧转身、 头发及衣服的飘动、走路、说话以及精致的3D效果等等。

（二）逐帧动画实现方式

利用动画资源文件实现逐帧动画
利用Thread和Handler来实现逐帧动画
利用Timer和TimerTask来实现逐帧动画

二、利用动画资源文件实现逐帧动画 - 功夫熊猫
（一）运行效果

在这里插入图片描述
（二）涉及知识点

线性布局（LinearLayout）
图像控件（ImageView）
按钮（Button）
动画可绘制对象（AnimationDrawable）
动画资源文件

（三）实现步骤
1、创建安卓应用【PandaAnimation01】

在这里插入图片描述
在这里插入图片描述
2、将图片素材拷贝到drawable目录

在这里插入图片描述
3、创建动画资源文件 - panda_animator.xml

在drawable目录里创建panda_animator.xml
在这里插入图片描述

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86

4、主布局资源文件activity_main.xml

在这里插入图片描述

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

<ImageView
    android:id="@+id/ivPanda"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/panda_animator" />

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center" >

    &