Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/android/228.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Android 如何在flatter中将动画lottie JSON文件沿直线从屏幕的一侧移动到另一侧_Android_Flutter_Animation_After Effects_Lottie - Fatal编程技术网

Android 如何在flatter中将动画lottie JSON文件沿直线从屏幕的一侧移动到另一侧

Android 如何在flatter中将动画lottie JSON文件沿直线从屏幕的一侧移动到另一侧,android,flutter,animation,after-effects,lottie,Android,Flutter,Animation,After Effects,Lottie,我想做一个颤振的应用程序与动画人物移动像在这个视频 对于动画角色,我使用after effects并导出为JSON文件以用作Lottie 我想要一个空白屏幕,并将动画角色在屏幕上移动和移出屏幕。然后再次进入并沿着一条直线路径走。每个路径都是直的,直路径的起点和终点都是随机的,就像视频一样 我可以用什么来实现这样的目标?我不需要完整的代码,只需指向与此类似的内容、文档或任何有助于我实现它的内容。据我所知,您可以在Adobe aftereffects中创建您所谈论的完整动画,然后导出BodyMov

我想做一个颤振的应用程序与动画人物移动像在这个视频

对于动画角色,我使用after effects并导出为JSON文件以用作Lottie

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


我可以用什么来实现这样的目标?我不需要完整的代码,只需指向与此类似的内容、文档或任何有助于我实现它的内容。

据我所知,您可以在Adobe aftereffects中创建您所谈论的完整动画,然后导出BodyMovin json文件。 导出json文件后,可以转到并导入json文件。导入后,您只需导出。
flr
文件,并在您的颤振应用程序中使用它

欲了解更多信息,请点击此处

最后,可以使用“重复”功能无限播放动画

  • 通过在pubspec.yaml中的依赖项下添加下面的包,安装lottieforflatter包
  • 在flatter中使用Lottie动画是通过Lottie小部件实现的,它从本地文件asset(Lottie.asset)、远程url(Lottie.network)或zip文件(Lottie.asset)加载json动画

  • 它适用于我的代码。

    先生,您已经很好地理解了这个过程。我的知识仅限于如何在颤振屏幕上移动json文件。我知道颤振的动画平移功能,但我还必须旋转动画,使其面向将要移动的方向。动画可以使用哪个函数自动确定匹配直线路径所需的旋转角度。由于路径在整个屏幕上是随机的,因此每个路径的旋转都应该匹配。
          lottie: ^0.7.0+1
    
          //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,
            ),