Android

关注公众号 jb51net

关闭
首页 > 软件编程 > Android > Android动画之逐帧动画基础

Android动画之逐帧动画(Frame Animation)基础学习

作者:思格斯

大家都知道逐帧动画是一种常见的动画形式,其原理是在“连续的关键帧”中分解动画动作,也就是在时间轴的每帧上逐帧绘制不同的内容,使其连续播放而成动画。下面我们就来学习下Android中逐帧动画的基础知识,有需要的可以参考借鉴。

前言

在Android中,动画Animation的实现有两种方式:Tween Animation(补间动画)和Frame Animation(帧动画)。渐变动画是通过对场景里的对象不断做图像变换(平移、缩放、旋转等)产生动画效果。帧动画则是通过顺序播放事先准备好的图像来产生动画效果,和电影类似。

下面我们就来学习下Android中逐帧动画的基础知识。

原理 : 人眼的"视觉暂留"

方式 :

     1.在java代码中 ( new AnimationDrawable().addFrame(getDrawable(R.drawable.a),200);)

         sdk好像要求最低版本必须>=21

     2.在XML文件中定义动画资源

效果图如下

代码

1.准备图片资源

将图片资源放在drawable-hdpi目录下

2.在drawable目录下新建animation-list类型文件

anim_frame.xml

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
 android:oneshot="false">
 <item android:drawable="@drawable/a" android:duration="100"/>
 <item android:drawable="@drawable/b" android:duration="100"/>
 <item android:drawable="@drawable/c" android:duration="100"/>
</animation-list>

3.在布局文件中,添加ImageView,将其background属性设置为动画资源xml

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
 xmlns:android="http://schemas.android.com/apk/res/android"
 android:orientation="vertical"
 android:layout_width="match_parent"
 android:layout_height="match_parent">

 <Button
 android:id="@+id/btn_start"
 android:text="开始跳舞"
 android:textSize="25sp"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"/>
 <Button
 android:id="@+id/btn_stop"
 android:text="结束跳舞"
 android:textSize="25sp"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"/>

 <ImageView
 android:id="@+id/image"
 android:background="@drawable/anim_frame"
 android:layout_width="match_parent"
 android:layout_height="match_parent"/>
</LinearLayout>

4.在java中,获取动画资源,调用start( )开启动画,stop( )停止动画

package com.lyp.frameanim;

import android.graphics.drawable.AnimationDrawable;
import android.graphics.drawable.Drawable;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;

public class MainActivity extends AppCompatActivity implements View.OnClickListener{
 private Button mBtnStart;
 private Button mBtnStop;
 private ImageView mImage;
 private AnimationDrawable mAnim;

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

// new AnimationDrawable().addFrame(getDrawable(R.drawable.a),200);

 initView();
 mAnim = (AnimationDrawable) mImage.getBackground();
 }

 private void initView() {
 mBtnStart= (Button) findViewById(R.id.btn_start);
 mBtnStop= (Button) findViewById(R.id.btn_stop);
 mImage= (ImageView) findViewById(R.id.image);

 mBtnStart.setOnClickListener(this);
 mBtnStop.setOnClickListener(this);
 }

 @Override
 public void onClick(View v) {
 switch (v.getId()){
  case R.id.btn_start:
  mAnim.start();
  break;
  case R.id.btn_stop:
  mAnim.stop();
  break;
 }
 }
}

总结

以上就是这篇文章的全部内容了,希望能对各位Android开发者们有所帮助,如果有疑问大家可以留言交流。

您可能感兴趣的文章:
阅读全文