一、效果图

iShot2020-09-0321.58.10.gif

二、实现方法

2.1 xml 实现方式

  • xml 文件 ``` <?xml version=”1.0” encoding=”utf-8”?>

    <ImageView

    1.   android:id="@+id/iv_anim_fragment_two"
    2.   android:layout_width="230dp"
    3.   android:layout_height="270dp"
    4.   />

  2. - drawable 文件

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

  1. <item android:drawable="@mipmap/p0" android:duration="50"/>
  3. <item
  4.     android:drawable="@mipmap/p1"
  5.     android:duration="50" />
  6. <item
  7.     android:drawable="@mipmap/p2"
  8.     android:duration="50" />
  9. <item
  10.     android:drawable="@mipmap/p3"
  11.     android:duration="50" />
  12. <item
  13.     android:drawable="@mipmap/p4"
  14.     android:duration="50" />
  15. <item
  16.     android:drawable="@mipmap/p5"
  17.     android:duration="50" />
  18. <item
  19.     android:drawable="@mipmap/p6"
  20.     android:duration="50" />
  21. <item
  22.     android:drawable="@mipmap/p7"
  23.     android:duration="50" />
  24. <item
  25.     android:drawable="@mipmap/p8"
  26.     android:duration="50" />
  27. <item
  28.     android:drawable="@mipmap/p9"
  29.     android:duration="50" />
  30. <item
  31.     android:drawable="@mipmap/p10"
  32.     android:duration="50" />
  33. <item
  34.     android:drawable="@mipmap/p11"
  35.     android:duration="50" />
  36. <item
  37.     android:drawable="@mipmap/p12"
  38.     android:duration="50" />
  39. <item
  40.     android:drawable="@mipmap/p13"
  41.     android:duration="50" />
  42. <item
  43.     android:drawable="@mipmap/p14"
  44.     android:duration="50" />
  45. <item
  46.     android:drawable="@mipmap/p15"
  47.     android:duration="50" />
  48. <item
  49.     android:drawable="@mipmap/p16"
  50.     android:duration="50" />
  51. <item
  52.     android:drawable="@mipmap/p17"
  53.     android:duration="50" />
  54. <item
  55.     android:drawable="@mipmap/p18"
  56.     android:duration="50" />
  57. <item
  58.     android:drawable="@mipmap/p19"
  59.     android:duration="50" />
  60. <item
  61.     android:drawable="@mipmap/p20"
  62.     android:duration="50" />
  63. <item
  64.     android:drawable="@mipmap/p21"
  65.     android:duration="50" />
  66. <item
  67.     android:drawable="@mipmap/p22"
  68.     android:duration="50" />
  69. <item
  70.     android:drawable="@mipmap/p23"
  71.     android:duration="50" />
  72. <item
  73.     android:drawable="@mipmap/p24"
  74.     android:duration="50" />
  75. <item
  76.     android:drawable="@mipmap/p25"
  77.     android:duration="50" />
  78. <item
  79.     android:drawable="@mipmap/p26"
  80.     android:duration="50" />
  81. <item
  82.     android:drawable="@mipmap/p27"
  83.     android:duration="50" />
  84. <item
  85.     android:drawable="@mipmap/p28"
  86.     android:duration="50" />
  87. <item
  88.     android:drawable="@mipmap/p29"
  89.     android:duration="50" />
  90. <item
  91.     android:drawable="@mipmap/p30"
  92.     android:duration="50" />
  93. <item
  94.     android:drawable="@mipmap/p31"
  95.     android:duration="50" />
  96. <item
  97.     android:drawable="@mipmap/p32"
  98.     android:duration="50" />
  99. <item
  100.     android:drawable="@mipmap/p33"
  101.     android:duration="50" />
  102. <item
  103.     android:drawable="@mipmap/p34"
  104.     android:duration="50" />
  105. <item
  106.     android:drawable="@mipmap/p35"
  107.     android:duration="50" />
  108. <item
  109.     android:drawable="@mipmap/p36"
  110.     android:duration="50" />
  111. <item
  112.     android:drawable="@mipmap/p37"
  113.     android:duration="50" />
  114. <item
  115.     android:drawable="@mipmap/p38"
  116.     android:duration="50" />
  117. <item
  118.     android:drawable="@mipmap/p39"
  119.     android:duration="50" />
  120. <item
  121.     android:drawable="@mipmap/p40"
  122.     android:duration="50" />
  123. <item
  124.     android:drawable="@mipmap/p41"
  125.     android:duration="50" />
  126. <item
  127.     android:drawable="@mipmap/p42"
  128.     android:duration="50" />
  129. <item
  130.     android:drawable="@mipmap/p43"
  131.     android:duration="50" />
  132. <item
  133.     android:drawable="@mipmap/p44"
  134.     android:duration="50" />
  135. <item
  136.     android:drawable="@mipmap/p45"
  137.     android:duration="50" />
  138. <item
  139.     android:drawable="@mipmap/p46"
  140.     android:duration="50" />
  141. <item
  142.     android:drawable="@mipmap/p47"
  143.     android:duration="50" />
  144. <item
  145.     android:drawable="@mipmap/p48"
  146.     android:duration="50" />
  147. <item
  148.     android:drawable="@mipmap/p49"
  149.     android:duration="50" />
  150. <item
  151.     android:drawable="@mipmap/p50"
  152.     android:duration="50" />
  153. <item
  154.     android:drawable="@mipmap/p51"
  155.     android:duration="50" />
  156. <item
  157.     android:drawable="@mipmap/p52"
  158.     android:duration="50" />
  159. <item
  160.     android:drawable="@mipmap/p53"
  161.     android:duration="50" />
  162. <item
  163.     android:drawable="@mipmap/p54"
  164.     android:duration="50" />
  165. <item
  166.     android:drawable="@mipmap/p55"
  167.     android:duration="50" />
  168. <item
  169.     android:drawable="@mipmap/p56"
  170.     android:duration="50" />
  171. <item
  172.     android:drawable="@mipmap/p57"
  173.     android:duration="50" />
  174. <item
  175.     android:drawable="@mipmap/p58"
  176.     android:duration="50" />
  177. <item
  178.     android:drawable="@mipmap/p59"
  179.     android:duration="50" />

  2. - activity 中调用

//xml设置实现方式 iv_anim_fragment_one.setImageResource(R.drawable.anim_list) val drawable: AnimationDrawable = iv_anim_fragment_one.drawable as AnimationDrawable btn_anim_fragment_xmlStart.setOnClickListener { drawable.start() }

  1.     btn_anim_fragment_xmlStop.setOnClickListener {
  2.         drawable.stop()
  3.     }
  1. <a name="uGKXX"></a>
  2. #### 2.2 java 代码实现

//代码实现方式 val animationDrawable = AnimationDrawable() for (i in 0..59){ val db = resources.getIdentifier(“p$i”,”mipmap”,packageName) val drawable2 = resources.getDrawable(db) animationDrawable.addFrame(drawable2,50) } animationDrawable.isOneShot = false iv_anim_fragment_two.setImageDrawable(animationDrawable)

  1.     btn_anim_fragment_codeStart.setOnClickListener {
  2.         animationDrawable.start()
  3.     }
  4.     btn_anim_fragment_codeStop.setOnClickListener {
  5.         animationDrawable.stop()
  6.     }
  1. <a name="kojK7"></a>
  2. #### 2.3 完整的 activity 代码

class AnimFragmentActivity: BaseActivity(R.layout.activity_anim_fragment) { override fun initData() {

  1. }
  3. override fun initEvent() {
  4.     //xml设置实现方式
  5.     iv_anim_fragment_one.setImageResource(R.drawable.anim_list)
  6.     val drawable: AnimationDrawable = iv_anim_fragment_one.drawable as AnimationDrawable
  7.     btn_anim_fragment_xmlStart.setOnClickListener {
  8.         drawable.start()
  9.     }
  11.     btn_anim_fragment_xmlStop.setOnClickListener {
  12.         drawable.stop()
  13.     }
  14.     //代码实现方式
  15.     val animationDrawable = AnimationDrawable()
  16.     for (i in 0..59){
  17.         val db = resources.getIdentifier("p$i","mipmap",packageName)
  18.         val drawable2 = resources.getDrawable(db)
  19.         animationDrawable.addFrame(drawable2,50)
  20.     }
  21.     animationDrawable.isOneShot = false
  22.     iv_anim_fragment_two.setImageDrawable(animationDrawable)
  24.     btn_anim_fragment_codeStart.setOnClickListener {
  25.         animationDrawable.start()
  26.     }
  27.     btn_anim_fragment_codeStop.setOnClickListener {
  28.         animationDrawable.stop()
  29.     }
  30. }
  32. override fun initInterface() {
  34. }
  36. override fun onReload() {
  38. }

} ```

三、地址和参考

demo
Android 逐帧动画：关于 逐帧动画 的使用都在这里了！