image_sequence_animator 1.0.1

A simple widget for animating a set of images with full custom controls as an alternative to using a GIF file.

example/lib/main.dart

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// © Cosmos Software | Ali Yigit Bireroglu                                                                                                           /
// All material used in the making of this code, project, program, application, software et cetera (the "Intellectual Property")                     /
// belongs completely and solely to Ali Yigit Bireroglu. This includes but is not limited to the source code, the multimedia and                     /
// other asset files. If you were granted this Intellectual Property for personal use, you are obligated to include this copyright                   /
// text at all times.                                                                                                                                /
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

//@formatter:off
import 'package:flutter/foundation.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

import 'package:spring_button/spring_button.dart';
import 'package:image_sequence_animator/image_sequence_animator.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        title: 'Image Sequence Animator Demo',
        theme: ThemeData(
          primarySwatch: Colors.blue,
        ),
        home: MyHomePage(title: 'Image Sequence Animator Demo'));
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  ImageSequenceAnimatorState imageSequenceAnimator;
  bool wasPlaying = false;
  Color color1 = Colors.greenAccent;
  Color color2 = Colors.indigo;

  void onReadyToPlay(ImageSequenceAnimatorState _imageSequenceAnimator) {
    imageSequenceAnimator = _imageSequenceAnimator;
  }

  void onPlaying(ImageSequenceAnimatorState _imageSequenceAnimator) {
    setState(() {});
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(title: Text(widget.title)),
        body: Column(children: [
          Expanded(
              flex: 4,
              child: Padding(
                  padding: EdgeInsets.all(25),
                  child: ImageSequenceAnimator("ImageSequence", "Frame_", 0, 5, "png", 60,
                      isAutoPlay: false, color: color1, onReadyToPlay: onReadyToPlay, onPlaying: onPlaying))),
          Expanded(
              child: Row(children: [
            Expanded(
                flex: 4,
                child: CupertinoSlider(
                    value: imageSequenceAnimator == null ? 0.0 : imageSequenceAnimator.animationController.value,
                    min: imageSequenceAnimator == null ? 0.0 : imageSequenceAnimator.animationController.lowerBound,
                    max: imageSequenceAnimator == null ? 100.0 : imageSequenceAnimator.animationController.upperBound,
                    onChangeStart: (double value) {
                      wasPlaying = imageSequenceAnimator.animationController.isAnimating;
                      imageSequenceAnimator.pause();
                    },
                    onChanged: (double value) {
                      imageSequenceAnimator.skip(value);
                    },
                    onChangeEnd: (double value) {
                      if (wasPlaying) imageSequenceAnimator.play();
                    })),
            Expanded(
                child: Text(
                    imageSequenceAnimator == null
                        ? "0.0"
                        : ((imageSequenceAnimator.currentTime.floor()).toString() + "/" + (imageSequenceAnimator.totalTime.floor()).toString()),
                    textAlign: TextAlign.center))
          ])),
          Expanded(
              child: Row(children: [
            Expanded(
                child: SpringButton(SpringButtonType.OnlyScale, normalRow("Loop", Colors.cyan), useCache: false, onTap: () {
              setState(() {
                imageSequenceAnimator.setIsLooping(!imageSequenceAnimator.isLooping);
              });
            })),
            Expanded(
                child: SpringButton(SpringButtonType.OnlyScale, normalRow("Boomerang", Colors.deepPurpleAccent), useCache: false, onTap: () {
              setState(() {
                imageSequenceAnimator.setIsBoomerang(!imageSequenceAnimator.isBoomerang);
              });
            }))
          ])),
          Expanded(
              child: SpringButton(SpringButtonType.OnlyScale, normalRow("Change Colour", Colors.redAccent), useCache: false, onTap: () {
            imageSequenceAnimator.color = imageSequenceAnimator.color == color1 ? color2 : color1;
          })),
          Expanded(
              child: Row(children: [
            Expanded(
                child: SpringButton(SpringButtonType.OnlyScale, normalRow("Play/Pause", Colors.deepOrangeAccent), useCache: false, onTap: () {
              setState(() {
                imageSequenceAnimator.animationController.isAnimating ? imageSequenceAnimator.pause() : imageSequenceAnimator.play();
              });
            })),
            Expanded(
                child: SpringButton(SpringButtonType.OnlyScale, normalRow("Stop", Colors.green), useCache: false, onTap: () {
              imageSequenceAnimator.stop();
            }))
          ])),
          Expanded(
              child: Row(children: [
            Expanded(
                child: SpringButton(SpringButtonType.OnlyScale, normalRow("Restart", Colors.teal), useCache: false, onTap: () {
              imageSequenceAnimator.restart();
            })),
            Expanded(
                child: SpringButton(SpringButtonType.OnlyScale, normalRow("Rewind", Colors.indigoAccent), useCache: false, onTap: () {
              imageSequenceAnimator.rewind();
            }))
          ]))
        ]));
  }
}

Widget normalRow(String text, Color color) {
  return Padding(
      padding: EdgeInsets.all(3.125),
      child: Container(
          decoration: BoxDecoration(color: color, borderRadius: const BorderRadius.all(const Radius.circular(10.0))),
          child: Center(child: Text(text, style: const TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: 12.5)))));
}