213 lines
7.5 KiB
Dart
213 lines
7.5 KiB
Dart
// Copyright 2014 The Flutter Authors. All rights reserved.
|
|
// Use of this source code is governed by a BSD-style license that can be
|
|
// found in the LICENSE file.
|
|
|
|
|
|
import 'package:flutter/foundation.dart';
|
|
|
|
import 'tween.dart';
|
|
|
|
// Examples can assume:
|
|
// AnimationController _controller;
|
|
|
|
/// The status of an animation
|
|
enum AnimationStatus {
|
|
/// The animation is stopped at the beginning
|
|
dismissed,
|
|
|
|
/// The animation is running from beginning to end
|
|
forward,
|
|
|
|
/// The animation is running backwards, from end to beginning
|
|
reverse,
|
|
|
|
/// The animation is stopped at the end
|
|
completed,
|
|
}
|
|
|
|
/// Signature for listeners attached using [Animation.addStatusListener].
|
|
typedef AnimationStatusListener = void Function(AnimationStatus status);
|
|
|
|
/// An animation with a value of type `T`.
|
|
///
|
|
/// An animation consists of a value (of type `T`) together with a status. The
|
|
/// 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].
|
|
///
|
|
/// See also:
|
|
///
|
|
/// * [Tween], which can be used to create [Animation] subclasses that
|
|
/// convert `Animation<double>`s into other kinds of `Animation`s.
|
|
abstract class Animation<T> extends Listenable implements ValueListenable<T> {
|
|
/// Abstract const constructor. This constructor enables subclasses to provide
|
|
/// const constructors so that they can be used in const expressions.
|
|
const Animation();
|
|
|
|
// keep these next five dartdocs in sync with the dartdocs in AnimationWithParentMixin<T>
|
|
|
|
/// Calls the listener every time the value of the animation changes.
|
|
///
|
|
/// Listeners can be removed with [removeListener].
|
|
@override
|
|
void addListener(VoidCallback listener);
|
|
|
|
/// Stop calling the listener every time the value of the animation changes.
|
|
///
|
|
/// If `listener` is not currently registered as a listener, this method does
|
|
/// nothing.
|
|
///
|
|
/// Listeners can be added with [addListener].
|
|
@override
|
|
void removeListener(VoidCallback listener);
|
|
|
|
/// Calls listener every time the status of the animation changes.
|
|
///
|
|
/// Listeners can be removed with [removeStatusListener].
|
|
void addStatusListener(AnimationStatusListener listener);
|
|
|
|
/// Stops calling the listener every time the status of the animation changes.
|
|
///
|
|
/// If `listener` is not currently registered as a status listener, this
|
|
/// method does nothing.
|
|
///
|
|
/// Listeners can be added with [addStatusListener].
|
|
void removeStatusListener(AnimationStatusListener listener);
|
|
|
|
/// The current status of this animation.
|
|
AnimationStatus get status;
|
|
|
|
/// The current value of the animation.
|
|
@override
|
|
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;
|
|
|
|
/// 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].
|
|
///
|
|
/// {@tool snippet}
|
|
///
|
|
/// 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,
|
|
/// ),
|
|
/// );
|
|
/// ```
|
|
/// {@end-tool}
|
|
/// {@tool snippet}
|
|
///
|
|
/// 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);
|
|
/// ```
|
|
/// {@end-tool}
|
|
/// {@tool snippet}
|
|
///
|
|
/// 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,
|
|
/// ));
|
|
/// ```
|
|
/// {@end-tool}
|
|
///
|
|
/// 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>);
|
|
return child.animate(this as Animation<double>);
|
|
}
|
|
|
|
@override
|
|
String toString() {
|
|
return '${describeIdentity(this)}(${toStringDetails()})';
|
|
}
|
|
|
|
/// 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:
|
|
///
|
|
/// * "▶": [AnimationStatus.forward] ([value] increasing)
|
|
/// * "◀": [AnimationStatus.reverse] ([value] decreasing)
|
|
/// * "⏭": [AnimationStatus.completed] ([value] == 1.0)
|
|
/// * "⏮": [AnimationStatus.dismissed] ([value] == 0.0)
|
|
String toStringDetails() {
|
|
assert(status != null);
|
|
String icon;
|
|
switch (status) {
|
|
case AnimationStatus.forward:
|
|
icon = '\u25B6'; // >
|
|
break;
|
|
case AnimationStatus.reverse:
|
|
icon = '\u25C0'; // <
|
|
break;
|
|
case AnimationStatus.completed:
|
|
icon = '\u23ED'; // >>|
|
|
break;
|
|
case AnimationStatus.dismissed:
|
|
icon = '\u23EE'; // |<<
|
|
break;
|
|
}
|
|
assert(icon != null);
|
|
return '$icon';
|
|
}
|
|
}
|