首页 > 解决方案 > 如何将动画彩票 JSON 文件从屏幕的一侧直线移动到另一侧

问题描述

我想制作一个带有动画角色的颤动应用程序,以像这个视频中一样移动。

https://www.youtube.com/watch?v=qW-KIjHjjHM&t=5s

对于动画角色,我使用了后期效果并导出为 JSON 文件以用作 Lottie。

我想要一个空白屏幕并将动画角色移过屏幕并移出屏幕。然后再次进入并沿着笔直的路径前进。每条路径都是笔直的,笔直路径的起点和终点是随机的,就像视频一样。

我可以用什么来实现这样的目标?我不希望完整的代码只是将我指向接近此的内容、文档或任何可以帮助我实现它的东西。

标签: androidflutteranimationafter-effectslottie

解决方案


  1. 通过在 pubspec.yaml 中的依赖项下添加以下包来安装 Lottie for Flutter 包
      lottie: ^0.7.0+1
  1. 在 Flutter 中使用 Lottie 动画是通过 Lottie Widget 实现的,它从本地文件资产 (Lottie.asset)、远程 url (Lottie.network) 或 zip 文件 (Lottie.asset) 加载 json 动画。
      //loads from file assets
      Lottie.asset(
       'assets/programming.json',
        width: MediaQuery.of(context).size.width * 0.5,
        height: MediaQuery.of(context).size.width * 0.5,
        fit: BoxFit.fill,
        ),

它适用于我的代码。


推荐阅读