Flutter 颤振上的河流动画不工作且为静态
我是一个新手,对颤振一无所知,我从rive应用程序创建了一个简单的设计,并尝试在颤振应用程序上运行,但动画没有运行。我从Flatter下载的动画作品很少有效,有些不起作用,下面的一个链接也不起作用。它只是一个静态的png图像。我尝试将动画名称更改为“空闲”或“中心”,但仍然不起作用 这是你的电话号码 这是我正在使用的代码Flutter 颤振上的河流动画不工作且为静态,flutter,rive,Flutter,Rive,我是一个新手,对颤振一无所知,我从rive应用程序创建了一个简单的设计,并尝试在颤振应用程序上运行,但动画没有运行。我从Flatter下载的动画作品很少有效,有些不起作用,下面的一个链接也不起作用。它只是一个静态的png图像。我尝试将动画名称更改为“空闲”或“中心”,但仍然不起作用 这是你的电话号码 这是我正在使用的代码 import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; import '
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter/widgets.dart';
import 'package:rive/rive.dart';
class ExampleAnimation extends StatefulWidget {
const ExampleAnimation({Key? key}) : super(key: key);
@override
_ExampleAnimationState createState() => _ExampleAnimationState();
}
class _ExampleAnimationState extends State<ExampleAnimation> {
void _togglePlay() {
if (_controller == null) {
return;
}
setState(() => _controller!.isActive = !_controller!.isActive);
}
bool get isPlaying => _controller?.isActive ?? false;
Artboard? _riveArtboard;
RiveAnimationController? _controller;
@override
void initState() {
super.initState();
rootBundle.load('assets/rive/new.riv').then(
(data) async {
// Load the RiveFile from the binary data.
final file = RiveFile.import(data);
final artboard = file.mainArtboard;
// ignore: cascade_invocations
artboard.addController(_controller = SimpleAnimation('animate'));
setState(() => _riveArtboard = artboard);
},
);
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('Animation Example'),
),
body: Center(
child: _riveArtboard == null
? const SizedBox()
: Rive(artboard: _riveArtboard!),
),
floatingActionButton: FloatingActionButton(
onPressed: _togglePlay,
tooltip: isPlaying ? 'Pause' : 'Play',
child: Icon(
isPlaying ? Icons.pause : Icons.play_arrow,
),
),
);
}
}
导入“包装:颤振/材料.省道”;
导入“包:flifter/services.dart”;
导入“package:flatter/widgets.dart”;
导入“包装:河流/河流.省道”;
类ExampleAnimation扩展StatefulWidget{
const ExampleAnimation({Key?Key}):super(Key:Key);
@凌驾
_ExampleAnimationState createState()=>\u ExampleAnimationState();
}
类\u示例AnimationState扩展状态{
void _togglePlay(){
如果(_controller==null){
返回;
}
设置状态(()=>\u控制器!.isActive=!\u控制器!.isActive);
}
bool get isplay=>\u controller?.isActive??false;
Artboard?_riveArtboard;
RiveAnimationController?\u控制器;
@凌驾
void initState(){
super.initState();
load('assets/rive/new.riv')。然后(
(数据)异步{
//从二进制数据加载RiveFile。
最终文件=RiveFile.import(数据);
最终艺术板=file.mainArtboard;
//忽略:级联调用
artboard.addController(_controller=SimpleAnimation('animate'));
设置状态(()=>_riveArtboard=artboard);
},
);
}
@凌驾
小部件构建(构建上下文){
返回脚手架(
appBar:appBar(
标题:常量文本(“动画示例”),
),
正文:中(
子项:_riveArtboard==null
?const SizedBox()
:Rive(artboard:_riveArtboard!),
),
浮动操作按钮:浮动操作按钮(
按下按钮:_切换播放,
工具提示:显示?“暂停”:“播放”,
子:图标(
显示?图标。暂停:图标。播放箭头,
),
),
);
}
}
这是一个不正确的动画名称,在这一行中,我只需更改rive应用程序中的动画名称
artboard.addController(_controller = SimpleAnimation('Animation Name'));
对于我来说,动画名称只是动画1。因此,添加该选项解决了我的问题。我刚刚得到了相同的问题,在上一个回答中,他提到更改为他工作的动画控制器的名称,不幸的是,我不知道从何处拾取动画控制器值以及该值是什么,所以我只想澄清一下 在Rive艺术板中,将有一个名为“动画”的列,您必须将该名称指定给动画控制器,以选择应播放的动画