HarmonyOS Image里面可以插入json动画文件么

HarmonyOS
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Heiang

可以使用lottie加载网络Json,参考链接:https://gitee.com/openharmony-tpc/lottieArkTS

参考链接代码加载网络json部分,核心demo:

Row({ space: 10 }) {
  // 关联画布
  Canvas(this.canvasRenderingContext)
    .width(200)
    .height(200)
    .backgroundColor(Color.Gray)
    .onReady(() => {
      // 可在此生命回调周期中加载动画,可以保证动画尺寸正确
      this.animateItem?.resize();

      lottie.destroy(this.animateName)
      this.animateItem = lottie.loadAnimation({
        uri: "xxx",
        isNetwork: false,
        container: this.canvasRenderingContext,
        renderer: 'canvas', // canvas 渲染模式
        loop: true,
        autoplay: true,
        name: this.animateName,
      })
      this.animateItem.addEventListener('error', (args: Object): void => {
        console.info("error:" + JSON.stringify(args));
      });

    })
    .onClick(() => {
      lottie.destroy(this.animateName)
      this.animateItem = lottie.loadAnimation({
        uri: "xxx",
        isNetwork: false,
        container: this.canvasRenderingContext,
        renderer: 'canvas', // canvas 渲染模式
        loop: true,
        autoplay: true,
        name: this.animateName,
      })
      this.animateItem.addEventListener('error', (args: Object): void => {
        console.info("error:" + JSON.stringify(args));
      });
    })
    .onDisAppear(() => {
      lottie.destroy(this.animateName);
    })
}
分享
微博
QQ
微信
回复
2天前
相关问题
Image图片加载缓慢,有什么方案
1202浏览 • 1回复 待解决
鸿蒙里面有alpha动画
6946浏览 • 1回复 已解决
HarmonyOS @state可以修饰对象数组
48浏览 • 1回复 待解决
TabList可以添加图片
7915浏览 • 3回复 待解决
HarmonyOS 如何读取本地json文件
85浏览 • 1回复 待解决