こんにちは、フラッターのスライダーでフレア アニメーションを実装しようとしました。フレア エディタでうまく機能する特定のフレア アニメーションを呼び出す 5 つのキー (1、2、3、4、5) を作成しますが、アプリを起動すると、オフセットを追加したり、消えたり、表示されたりするアニメーションの項目に問題があります。 、それはランダムです...
フレア エディターの円、六角形、ペンのさまざまなツールを使用してさまざまな形状を作成する簡単なテストを作成しています。
フレアのバージョン: Flare_flutter: ^1.5.2
chronology of the gif
value=0.0 black shape is showed // all is good
value=25.0 black shape is showed // all is good
value=0.0 black shape disepear // not good
value=25.0 black shape disepear // not good
value=0.0 black shape disepear // not good
value=25.0 black shape disepear // not good
reload app
value=0.0 black shape is showed // all is good
value=25.0 black shape is showed // all is good
ここに例があります
class MyHomePage extends StatefulWidget {
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
final FlareControls controls = FlareControls();
double slidervalue;
@override
void initState() {
slidervalue=0.0;
controls.play("1");
super.initState();
}
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
new Container (
width:150,
height: 150,
child :new FlareActor("assets/flare_test.flr", alignment:Alignment.center, fit:BoxFit.contain, animation:"idle" , controller:controls,
)
),
Slider(
value: slidervalue,
min: 0,
max: 100,
divisions: 4,
label: "$slidervalue",
onChanged: (value) {
setState(() {
slidervalue = value;
if(slidervalue==0.0){
controls.play("1");
}
if(slidervalue==25){
controls.play("2");
}
if(slidervalue==50){
controls.play("3");
}
if(slidervalue==75){
controls.play("4");
}
if (slidervalue==100){
controls.play("5");
}
});
},
),
],
),
)
);
}
}
これは、状態の変更でアニメーションを中断した場合の init 原点の変更に関する別の観察です。初期位置のアニメーションを参照して、初期原点のオフセットを観察します..初期原点を再起動するのではなく
この例では、翻訳が回転の最後の原点を使用するのに、回転が印刷時に初期原点を維持する理由がわかりません。
この最後の例では、最初にボタンを押したときにすべてが良好で、2 回目に移動軸を緩めたのはなぜですか?
問題をフレアに投稿しましたが、おそらく間違ったことをしました