feat(查看图片)：动态

@@ -158,6 +158,22 @@ export struct ImageItemView {
 
   build() {
     Stack() {
+      if(this.imageUri != null && (this.imageUri.includes('.gif') || this.imageUri.includes('.GIF'))){
+        Image(this.imageUri)// TODO：知识点：宽高只根据其尺寸设置一个，通过保持宽高比来设置另一个属性
+          .width(this.fitWH === "width" ? "100%" : undefined)
+          .height(this.fitWH === "height" ? "100%" : undefined)
+          .aspectRatio(this.imageWHRatio)
+          .objectFit(ImageFit.Cover)// TODO：知识点：保持宽高比进行缩放，可以超出父组件，以便实现多图切换的增强功能
+          .autoResize(false)
+          .transform(this.matrix)// TODO：知识点：通过matrix控制图片的缩放
+          .defaultFocus(true)
+          .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP, SafeAreaEdge.BOTTOM])
+          .offset({
+            // TODO：知识点：通过offset控制图片的偏移
+            x: this.imageOffsetInfo.currentX,
+            y: this.imageOffsetInfo.currentY
+          })
+      }else{
         Image(this.imagePixelMap)// TODO：知识点：宽高只根据其尺寸设置一个，通过保持宽高比来设置另一个属性
           .width(this.fitWH === "width" ? "100%" : undefined)
           .height(this.fitWH === "height" ? "100%" : undefined)
@@ -173,6 +189,8 @@ export struct ImageItemView {
             y: this.imageOffsetInfo.currentY
           })
       }
+
+    }
     .onBlur(() => {
       this.resetCurrentImageInfo();
     })