Day 18 | Frame Animation

逐格动画Frame Animation

最早期的动画制作方式，使用不同的图片连续拨放

1. 先将图片放入专案，并在drawable下建立一个XML档，定义图片集合，并把图片依序放置於集合中。

   <?xml version ="1.0" encoding ="utf-8"?><!--  Learn More about how to use App Actions: https://developer.android.com/guide/actions/index.html -->
   <animation-list
       xmlns:android="http://schemas.android.com/apk/res/android"
       android:oneshot="false">
       <item
           android:drawable="@drawable/food1"
           android:duration="200"/>
       <item
           android:drawable="@drawable/food2"
           android:duration="200"/>
       <item
           android:drawable="@drawable/food3"
           android:duration="200"/>
   </animation-list>
   

   • oneshot属性的参数类型为Boolean，控制动画要不要循环播放，若为false则连续执行动画。
   • duration属性的参数类型为Integer，以毫秒控制图片持续时间

2. 启用动画

   package com.example.lab10
   
   import android.graphics.drawable.AnimationDrawable
   import androidx.appcompat.app.AppCompatActivity
   import android.os.Bundle
   import android.widget.Button
   import android.widget.ImageView
   
   class MainActivity : AppCompatActivity() {
       override fun onCreate(savedInstanceState: Bundle?) {
           super.onCreate(savedInstanceState)
           setContentView(R.layout.activity_main)
           //教科书上没有这句，但我编译器过不了我还是自己加了XD
           val img_loading = findViewById<ImageView>(R.id.img_loading)
           //将动画的drawable指定为ImageView的背景资源
           img_loading.setBackgroundResource(R.drawable.frame_animation)
           findViewById<Button>(R.id.btn_start).setOnClickListener{
               //将图片背景转为AnimationDrawable类别并执行
               val animation = img_loading.background as AnimationDrawable
               animation.start()
           }
           findViewById<Button>(R.id.btn_stop).setOnClickListener{
               //将图片背景转为AnimationDrawable类别并停止
               val animation = img_loading.background as AnimationDrawable
               animation.stop()
           }
       }
   }
   

   这个动画实作踩了一个坑是，我先建立了XML档，但不知道是不是建立方式错误，他一直从drawable跑到xml资料夹去，搞到後来我抓狂，直接从MainActivity中对着frame_animation按Alt+Enter，让IDE帮我生一个XML出来，才成功运行。