2

こんにちは、フラッターのスライダーでフレア アニメーションを実装しようとしました。フレア エディタでうまく機能する特定のフレア アニメーションを呼び出す 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 回目に移動軸を緩めたのはなぜですか?

問題をフレアに投稿しましたが、おそらく間違ったことをしました

4

1 に答える 1