Замедлите анимацию вспышки во флаттере, используя время и сбросьте в определенное время

Question

Я сделал следующую анимацию, используя вспышку.

Анимация

Я просто хочу перемещать кадр за кадром в течение определенного периода времени и инвертировать его после определенного периода время.

Например:
Анимация должна начинаться в 6 часов утра и заканчиваться в 6 часов вечера. Кадр должен меняться каждые 30 минут.

Answer 1

вы можете создать собственный контроллер вспышки и передать его в виджет FlareActor.

Controller _controller = Controller();
@override
  Widget build(BuildContext context) {
    EdgeInsets devicePadding = MediaQuery.of(context).padding;
    return Scaffold(
      backgroundColor: Color.fromRGBO(93, 142, 155, 1.0),
      body: Container(
        child: Stack(
          children: <Widget>[
            Positioned.fill(
              child: SingleChildScrollView(
                padding: EdgeInsets.only(
                  left: 20.0,
                  right: 20.0,
                  top: devicePadding.top + 50.0,
                ),
                child: Column(
                  mainAxisAlignment: MainAxisAlignment.center,
                  crossAxisAlignment: CrossAxisAlignment.center,
                  children: <Widget>[
                    Container(
                      height: 200,
                      padding: const EdgeInsets.only(left: 30.0, right: 30.0),
                      child: FlareActor(
                        "assets/Teddy.flr",
                        shouldClip: false,
                        alignment: Alignment.bottomCenter,
                        fit: BoxFit.contain,
                        controller: _controller,
                      ),
                    ),

Теперь пришло время создать контроллер

// you have to override three methods of Flare Controller

 @override
  void initialize(FlutterActorArtboard artboard) {
    _artboard = artboard;
    _demoAnimation = FlareAnimationLayer()
      ..animation = _artboard.getAnimation("Demo Mode");
    _skyAnimation = FlareAnimationLayer()
      ..animation = _artboard.getAnimation("Sun Rotate")
      ..mix = 1.0;
  }

  @override
  bool advance(FlutterActorArtboard artboard, double elapsed) {
here you can change time for your animation
    _skyAnimation.time =
        (_skyAnimation.time + elapsed) % _skyAnimation.duration;


    _skyAnimation.apply(artboard);

    /// Iterate from the top b/c elements might be removed.
    int len = _roomAnimations.length - 1;
    for (int i = len; i >= 0; i--) {
      FlareAnimationLayer layer = _roomAnimations[i];
      layer.time += elapsed;
      /// The mix quickly ramps up to 1, but interpolates for the first few frames.
      layer.mix = min(1.0, layer.time / 0.07);
      layer.apply(artboard);
      /// When done, remove it.
      if (layer.isDone) {
        // print("layer is done");
        _roomAnimations.removeAt(i);
      }
    }   
    return true;
  }

  @override
  void setViewTransform(Mat2D viewTransform) {}
}