animation.dart 7.38 KB
Newer Older
Ian Hickson's avatar
Ian Hickson committed
1
// Copyright 2014 The Flutter Authors. All rights reserved.
2 3 4 5
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.


6 7
import 'package:flutter/foundation.dart';

8 9
import 'tween.dart';

10
// Examples can assume:
11
// late AnimationController _controller;
12

13
/// The status of an animation.
14
enum AnimationStatus {
15
  /// The animation is stopped at the beginning.
16 17
  dismissed,

18
  /// The animation is running from beginning to end.
19 20
  forward,

21
  /// The animation is running backwards, from end to beginning.
22 23
  reverse,

24
  /// The animation is stopped at the end.
25 26 27
  completed,
}

28
/// Signature for listeners attached using [Animation.addStatusListener].
29
typedef AnimationStatusListener = void Function(AnimationStatus status);
30

31
/// An animation with a value of type `T`.
32
///
33
/// An animation consists of a value (of type `T`) together with a status. The
34 35 36 37 38 39 40 41 42 43 44
/// status indicates whether the animation is conceptually running from
/// beginning to end or from the end back to the beginning, although the actual
/// value of the animation might not change monotonically (e.g., if the
/// animation uses a curve that bounces).
///
/// Animations also let other objects listen for changes to either their value
/// or their status. These callbacks are called during the "animation" phase of
/// the pipeline, just prior to rebuilding widgets.
///
/// To create a new animation that you can run forward and backward, consider
/// using [AnimationController].
45 46 47 48 49
///
/// See also:
///
///  * [Tween], which can be used to create [Animation] subclasses that
///    convert `Animation<double>`s into other kinds of `Animation`s.
50
abstract class Animation<T> extends Listenable implements ValueListenable<T> {
51 52
  /// Abstract const constructor. This constructor enables subclasses to provide
  /// const constructors so that they can be used in const expressions.
53 54
  const Animation();

55 56
  // keep these next five dartdocs in sync with the dartdocs in AnimationWithParentMixin<T>

57
  /// Calls the listener every time the value of the animation changes.
58 59
  ///
  /// Listeners can be removed with [removeListener].
60
  @override
61
  void addListener(VoidCallback listener);
62

63
  /// Stop calling the listener every time the value of the animation changes.
64
  ///
65 66 67
  /// If `listener` is not currently registered as a listener, this method does
  /// nothing.
  ///
68
  /// Listeners can be added with [addListener].
69
  @override
70
  void removeListener(VoidCallback listener);
71

72
  /// Calls listener every time the status of the animation changes.
73 74
  ///
  /// Listeners can be removed with [removeStatusListener].
75
  void addStatusListener(AnimationStatusListener listener);
76

77
  /// Stops calling the listener every time the status of the animation changes.
78
  ///
79 80 81
  /// If `listener` is not currently registered as a status listener, this
  /// method does nothing.
  ///
82
  /// Listeners can be added with [addStatusListener].
83 84 85 86 87 88
  void removeStatusListener(AnimationStatusListener listener);

  /// The current status of this animation.
  AnimationStatus get status;

  /// The current value of the animation.
89
  @override
90 91 92 93 94 95 96 97
  T get value;

  /// Whether this animation is stopped at the beginning.
  bool get isDismissed => status == AnimationStatus.dismissed;

  /// Whether this animation is stopped at the end.
  bool get isCompleted => status == AnimationStatus.completed;

98 99 100 101 102 103 104 105 106 107 108
  /// Chains a [Tween] (or [CurveTween]) to this [Animation].
  ///
  /// This method is only valid for `Animation<double>` instances (i.e. when `T`
  /// is `double`). This means, for instance, that it can be called on
  /// [AnimationController] objects, as well as [CurvedAnimation]s,
  /// [ProxyAnimation]s, [ReverseAnimation]s, [TrainHoppingAnimation]s, etc.
  ///
  /// It returns an [Animation] specialized to the same type, `U`, as the
  /// argument to the method (`child`), whose value is derived by applying the
  /// given [Tween] to the value of this [Animation].
  ///
109
  /// {@tool snippet}
110 111 112 113 114 115 116 117 118 119 120 121 122
  ///
  /// Given an [AnimationController] `_controller`, the following code creates
  /// an `Animation<Alignment>` that swings from top left to top right as the
  /// controller goes from 0.0 to 1.0:
  ///
  /// ```dart
  /// Animation<Alignment> _alignment1 = _controller.drive(
  ///   AlignmentTween(
  ///     begin: Alignment.topLeft,
  ///     end: Alignment.topRight,
  ///   ),
  /// );
  /// ```
123
  /// {@end-tool}
124
  /// {@tool snippet}
125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142
  ///
  /// The `_alignment.value` could then be used in a widget's build method, for
  /// instance, to position a child using an [Align] widget such that the
  /// position of the child shifts over time from the top left to the top right.
  ///
  /// It is common to ease this kind of curve, e.g. making the transition slower
  /// at the start and faster at the end. The following snippet shows one way to
  /// chain the alignment tween in the previous example to an easing curve (in
  /// this case, [Curves.easeIn]). In this example, the tween is created
  /// elsewhere as a variable that can be reused, since none of its arguments
  /// vary.
  ///
  /// ```dart
  /// final Animatable<Alignment> _tween = AlignmentTween(begin: Alignment.topLeft, end: Alignment.topRight)
  ///   .chain(CurveTween(curve: Curves.easeIn));
  /// // ...
  /// Animation<Alignment> _alignment2 = _controller.drive(_tween);
  /// ```
143
  /// {@end-tool}
144
  /// {@tool snippet}
145 146 147 148 149 150 151 152 153 154 155 156 157
  ///
  /// The following code is exactly equivalent, and is typically clearer when
  /// the tweens are created inline, as might be preferred when the tweens have
  /// values that depend on other variables:
  ///
  /// ```dart
  /// Animation<Alignment> _alignment3 = _controller
  ///   .drive(CurveTween(curve: Curves.easeIn))
  ///   .drive(AlignmentTween(
  ///     begin: Alignment.topLeft,
  ///     end: Alignment.topRight,
  ///   ));
  /// ```
158
  /// {@end-tool}
159 160 161 162 163 164 165 166 167 168 169
  ///
  /// See also:
  ///
  ///  * [Animatable.animate], which does the same thing.
  ///  * [AnimationController], which is usually used to drive animations.
  ///  * [CurvedAnimation], an alternative to [CurveTween] for applying easing
  ///    curves, which supports distinct curves in the forward direction and the
  ///    reverse direction.
  @optionalTypeArgs
  Animation<U> drive<U>(Animatable<U> child) {
    assert(this is Animation<double>);
170
    return child.animate(this as Animation<double>);
171 172
  }

173
  @override
174
  String toString() {
175
    return '${describeIdentity(this)}(${toStringDetails()})';
176
  }
177 178 179 180 181 182 183 184 185 186 187 188 189 190 191

  /// Provides a string describing the status of this object, but not including
  /// information about the object itself.
  ///
  /// This function is used by [Animation.toString] so that [Animation]
  /// subclasses can provide additional details while ensuring all [Animation]
  /// subclasses have a consistent [toString] style.
  ///
  /// The result of this function includes an icon describing the status of this
  /// [Animation] object:
  ///
  /// * "&#x25B6;": [AnimationStatus.forward] ([value] increasing)
  /// * "&#x25C0;": [AnimationStatus.reverse] ([value] decreasing)
  /// * "&#x23ED;": [AnimationStatus.completed] ([value] == 1.0)
  /// * "&#x23EE;": [AnimationStatus.dismissed] ([value] == 0.0)
192 193 194 195
  String toStringDetails() {
    assert(status != null);
    switch (status) {
      case AnimationStatus.forward:
196
        return '\u25B6'; // >
197
      case AnimationStatus.reverse:
198
        return '\u25C0'; // <
199
      case AnimationStatus.completed:
200
        return '\u23ED'; // >>|
201
      case AnimationStatus.dismissed:
202
        return '\u23EE'; // |<<
203 204 205
    }
  }
}