帧动画:是一种常见的动画形式(Frame By Frame),其原理是在“连续的关键帧”中分解动画动作,也就是在时间轴的每帧上逐帧绘制不同的内容,使其连续播放而成动画。
帧动画会使用如下包:
android.graphics.drawable.AnimattionDrawable
帧动画是一种比较传统的动画,它是由一系列不同的图像创建的,按照顺序播放,就像播放电影一样。
首先我们创建我们要的素材,把他们导入到drawable文件夹下。
然后在drawable文件新建from.xml文件,写入代码,这里的作用可以理解为,我们把图片 放到一个集合里面去了,要用的时候我们直接调用frame。
<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/no10" android:duration="180" />
<item android:drawable="@drawable/no9" android:duration="180" />
<item android:drawable="@drawable/no8" android:duration="180" />
<item android:drawable="@drawable/no7" android:duration="180" />
<item android:drawable="@drawable/no6" android:duration="180" />
<item android:drawable="@drawable/no5" android:duration="180" />
<item android:drawable="@drawable/no4" android:duration="180" />
<item android:drawable="@drawable/no3" android:duration="180" />
<item android:drawable="@drawable/no2" android:duration="180" />
<item android:drawable="@drawable/no1" android:duration="180" />
</animation-list>
然后在activity_main.xml文件里写入:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/Number"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/frame">
</RelativeLayout>
然后在MainActivity.java文件写入代码:
package com.example.animationdomo;
import androidx.appcompat.app.AppCompatActivity;
import android.graphics.drawable.AnimationDrawable;
import android.os.Bundle;
import android.view.View;
import android.widget.RelativeLayout;
public class MainActivity extends AppCompatActivity {
private boolean flag;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
RelativeLayout relativeLayout = findViewById(R.id.Number);
AnimationDrawable anim = (AnimationDrawable) relativeLayout.getBackground();
relativeLayout.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if(flag){
anim.start();
flag = false;
}else{
anim.stop();
flag = true;
}
}
});
}
}
Domo代码: