新增动画显示首帧和第一帧样例

Signed-off-by: zgf <zenggaofeng2@h-partners.com>

entry/src/main/ets/pages/ImageAnimatorPage.ets

@@ -21,6 +21,13 @@ struct ImageAnimatorPage {
     state: AnimationStatus.Running,
     iterations: -1
   })
+  @Local animatorOption1: AnimatorOption = new AnimatorOption({
+    state: AnimationStatus.Initial
+  })
+  @Local animatorOption2: AnimatorOption = new AnimatorOption({
+    state: AnimationStatus.Initial,
+    reverse: true
+  })
   build() {
     Column(){
       Flex(){
@@ -49,7 +56,23 @@ struct ImageAnimatorPage {
           placeholderSrc:$r('app.media.loading'),
           errorholderSrc:$r('app.media.failed')
         }),animatorOption:this.animatorOption
-      }).width(300).height(300).backgroundColor(Color.Orange).margin({top:30})
+      }).width(200).height(200).backgroundColor(Color.Orange).margin({top:30})
+      Text("动画显示第一帧").fontSize(20)
+      ImageKnifeAnimatorComponent({
+        imageKnifeOption:new ImageKnifeOption({
+          loadSrc:"https://gd-hbimg.huaban.com/e0a25a7cab0d7c2431978726971d61720732728a315ae-57EskW_fw658",
+          placeholderSrc:$r('app.media.loading'),
+          errorholderSrc:$r('app.media.failed')
+        }),animatorOption:this.animatorOption1
+      }).width(200).height(200).backgroundColor(Color.Orange).margin({top:30})
+      Text("动画显示最后一帧").fontSize(20)
+      ImageKnifeAnimatorComponent({
+        imageKnifeOption:new ImageKnifeOption({
+          loadSrc:"https://gd-hbimg.huaban.com/e0a25a7cab0d7c2431978726971d61720732728a315ae-57EskW_fw658",
+          placeholderSrc:$r('app.media.loading'),
+          errorholderSrc:$r('app.media.failed')
+        }),animatorOption:this.animatorOption2
+      }).width(200).height(200).backgroundColor(Color.Orange).margin({top:30})
     }.width("100%").height("100%")
   }
 }