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

5

6
import 'dart:ui' show Offset;
7

8 9
import 'package:flutter/foundation.dart';

10
import 'events.dart';
11 12
import 'lsq_solver.dart';

13
export 'dart:ui' show Offset;
14

15
/// A velocity in two dimensions.
16
@immutable
17
class Velocity {
18 19 20
  /// Creates a velocity.
  ///
  /// The [pixelsPerSecond] argument must not be null.
21
  const Velocity({
22
    required this.pixelsPerSecond,
23
  }) : assert(pixelsPerSecond != null);
24 25

  /// A velocity that isn't moving at all.
26
  static const Velocity zero = Velocity(pixelsPerSecond: Offset.zero);
27 28 29 30

  /// The number of pixels per second of velocity in the x and y directions.
  final Offset pixelsPerSecond;

31
  /// Return the negation of a velocity.
32
  Velocity operator -() => Velocity(pixelsPerSecond: -pixelsPerSecond);
33 34

  /// Return the difference of two velocities.
35
  Velocity operator -(Velocity other) {
36
    return Velocity(
37 38
        pixelsPerSecond: pixelsPerSecond - other.pixelsPerSecond);
  }
39 40

  /// Return the sum of two velocities.
41
  Velocity operator +(Velocity other) {
42
    return Velocity(
43 44 45
        pixelsPerSecond: pixelsPerSecond + other.pixelsPerSecond);
  }

46 47 48 49 50 51 52 53 54 55 56 57 58 59 60
  /// Return a velocity whose magnitude has been clamped to [minValue]
  /// and [maxValue].
  ///
  /// If the magnitude of this Velocity is less than minValue then return a new
  /// Velocity with the same direction and with magnitude [minValue]. Similarly,
  /// if the magnitude of this Velocity is greater than maxValue then return a
  /// new Velocity with the same direction and magnitude [maxValue].
  ///
  /// If the magnitude of this Velocity is within the specified bounds then
  /// just return this.
  Velocity clampMagnitude(double minValue, double maxValue) {
    assert(minValue != null && minValue >= 0.0);
    assert(maxValue != null && maxValue >= 0.0 && maxValue >= minValue);
    final double valueSquared = pixelsPerSecond.distanceSquared;
    if (valueSquared > maxValue * maxValue)
61
      return Velocity(pixelsPerSecond: (pixelsPerSecond / pixelsPerSecond.distance) * maxValue);
62
    if (valueSquared < minValue * minValue)
63
      return Velocity(pixelsPerSecond: (pixelsPerSecond / pixelsPerSecond.distance) * minValue);
64 65 66
    return this;
  }

67
  @override
68
  bool operator ==(Object other) {
69 70
    return other is Velocity
        && other.pixelsPerSecond == pixelsPerSecond;
71 72
  }

73
  @override
74 75
  int get hashCode => pixelsPerSecond.hashCode;

76
  @override
77 78 79
  String toString() => 'Velocity(${pixelsPerSecond.dx.toStringAsFixed(1)}, ${pixelsPerSecond.dy.toStringAsFixed(1)})';
}

80 81 82
/// A two dimensional velocity estimate.
///
/// VelocityEstimates are computed by [VelocityTracker.getVelocityEstimate]. An
83
/// estimate's [confidence] measures how well the velocity tracker's position
84 85 86 87 88 89
/// data fit a straight line, [duration] is the time that elapsed between the
/// first and last position sample used to compute the velocity, and [offset]
/// is similarly the difference between the first and last positions.
///
/// See also:
///
90 91
///  * [VelocityTracker], which computes [VelocityEstimate]s.
///  * [Velocity], which encapsulates (just) a velocity vector and provides some
92 93 94
///    useful velocity operations.
class VelocityEstimate {
  /// Creates a dimensional velocity estimate.
95 96
  ///
  /// [pixelsPerSecond], [confidence], [duration], and [offset] must not be null.
97
  const VelocityEstimate({
98 99 100 101
    required this.pixelsPerSecond,
    required this.confidence,
    required this.duration,
    required this.offset,
102 103 104 105
  }) : assert(pixelsPerSecond != null),
       assert(confidence != null),
       assert(duration != null),
       assert(offset != null);
106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124

  /// The number of pixels per second of velocity in the x and y directions.
  final Offset pixelsPerSecond;

  /// A value between 0.0 and 1.0 that indicates how well [VelocityTracker]
  /// was able to fit a straight line to its position data.
  ///
  /// The value of this property is 1.0 for a perfect fit, 0.0 for a poor fit.
  final double confidence;

  /// The time that elapsed between the first and last position sample used
  /// to compute [pixelsPerSecond].
  final Duration duration;

  /// The difference between the first and last position sample used
  /// to compute [pixelsPerSecond].
  final Offset offset;

  @override
125
  String toString() => 'VelocityEstimate(${pixelsPerSecond.dx.toStringAsFixed(1)}, ${pixelsPerSecond.dy.toStringAsFixed(1)}; offset: $offset, duration: $duration, confidence: ${confidence.toStringAsFixed(1)})';
126 127 128
}

class _PointAtTime {
129
  const _PointAtTime(this.point, this.time)
130 131
    : assert(point != null),
      assert(time != null);
132 133

  final Duration time;
134
  final Offset point;
135 136 137 138 139

  @override
  String toString() => '_PointAtTime($point at $time)';
}

140
/// Computes a pointer's velocity based on data from [PointerMoveEvent]s.
141
///
142
/// The input data is provided by calling [addPosition]. Adding data is cheap.
143
///
144 145 146
/// To obtain a velocity, call [getVelocity] or [getVelocityEstimate]. This will
/// compute the velocity based on the data added so far. Only call these when
/// you need to use the velocity, as they are comparatively expensive.
147
///
148 149
/// The quality of the velocity estimation will be better if more data points
/// have been received.
150
class VelocityTracker {
151
  /// Create a new velocity tracker for a pointer [kind].
152 153 154 155 156 157 158 159
  @Deprecated(
    'Use VelocityTracker.withKind and provide the PointerDeviceKind associated with the gesture being tracked. '
    'This feature was deprecated after v1.22.0-12.1.pre.'
  )
  VelocityTracker([this.kind = PointerDeviceKind.touch]);

  /// Create a new velocity tracker for a pointer [kind].
  VelocityTracker.withKind(this.kind);
160

161 162 163 164
  static const int _assumePointerMoveStoppedMilliseconds = 40;
  static const int _historySize = 20;
  static const int _horizonMilliseconds = 100;
  static const int _minSampleSize = 3;
165

166 167 168
  /// The kind of pointer this tracker is for.
  final PointerDeviceKind kind;

169
  // Circular buffer; current sample at _index.
170
  final List<_PointAtTime?> _samples = List<_PointAtTime?>.filled(_historySize, null, growable: false);
171
  int _index = 0;
172

Adam Barth's avatar
Adam Barth committed
173
  /// Adds a position as the given time to the tracker.
174
  void addPosition(Duration time, Offset position) {
175
    _index += 1;
176
    if (_index == _historySize)
177
      _index = 0;
178
    _samples[_index] = _PointAtTime(position, time);
179 180
  }

Adam Barth's avatar
Adam Barth committed
181 182
  /// Returns an estimate of the velocity of the object being tracked by the
  /// tracker given the current information available to the tracker.
183 184 185 186
  ///
  /// Information is added using [addPosition].
  ///
  /// Returns null if there is no data on which to base an estimate.
187
  VelocityEstimate? getVelocityEstimate() {
188 189 190 191 192 193 194
    final List<double> x = <double>[];
    final List<double> y = <double>[];
    final List<double> w = <double>[];
    final List<double> time = <double>[];
    int sampleCount = 0;
    int index = _index;

195
    final _PointAtTime? newestSample = _samples[index];
196 197 198 199 200 201 202 203 204
    if (newestSample == null)
      return null;

    _PointAtTime previousSample = newestSample;
    _PointAtTime oldestSample = newestSample;

    // Starting with the most recent PointAtTime sample, iterate backwards while
    // the samples represent continuous motion.
    do {
205
      final _PointAtTime? sample = _samples[index];
206 207 208
      if (sample == null)
        break;

209 210
      final double age = (newestSample.time - sample.time).inMicroseconds.toDouble() / 1000;
      final double delta = (sample.time - previousSample.time).inMicroseconds.abs().toDouble() / 1000;
211
      previousSample = sample;
212
      if (age > _horizonMilliseconds || delta > _assumePointerMoveStoppedMilliseconds)
213 214 215
        break;

      oldestSample = sample;
216 217 218
      final Offset position = sample.point;
      x.add(position.dx);
      y.add(position.dy);
219 220
      w.add(1.0);
      time.add(-age);
221
      index = (index == 0 ? _historySize : index) - 1;
222

223
      sampleCount += 1;
224
    } while (sampleCount < _historySize);
225

226
    if (sampleCount >= _minSampleSize) {
227
      final LeastSquaresSolver xSolver = LeastSquaresSolver(time, x, w);
228
      final PolynomialFit? xFit = xSolver.solve(2);
229
      if (xFit != null) {
230
        final LeastSquaresSolver ySolver = LeastSquaresSolver(time, y, w);
231
        final PolynomialFit? yFit = ySolver.solve(2);
232
        if (yFit != null) {
233 234
          return VelocityEstimate( // convert from pixels/ms to pixels/s
            pixelsPerSecond: Offset(xFit.coefficients[1] * 1000, yFit.coefficients[1] * 1000),
235 236 237 238 239 240 241 242 243 244
            confidence: xFit.confidence * yFit.confidence,
            duration: newestSample.time - oldestSample.time,
            offset: newestSample.point - oldestSample.point,
          );
        }
      }
    }

    // We're unable to make a velocity estimate but we did have at least one
    // valid pointer position.
245
    return VelocityEstimate(
246 247 248 249 250
      pixelsPerSecond: Offset.zero,
      confidence: 1.0,
      duration: newestSample.time - oldestSample.time,
      offset: newestSample.point - oldestSample.point,
    );
251 252
  }

253 254 255 256 257
  /// Computes the velocity of the pointer at the time of the last
  /// provided data point.
  ///
  /// This can be expensive. Only call this when you need the velocity.
  ///
258 259
  /// Returns [Velocity.zero] if there is no data from which to compute an
  /// estimate or if the estimated velocity is zero.
260
  Velocity getVelocity() {
261
    final VelocityEstimate? estimate = getVelocityEstimate();
262
    if (estimate == null || estimate.pixelsPerSecond == Offset.zero)
263
      return Velocity.zero;
264
    return Velocity(pixelsPerSecond: estimate.pixelsPerSecond);
265 266
  }
}
267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289

/// A [VelocityTracker] subclass that provides a close approximation of iOS
/// scroll view's velocity estimation strategy.
///
/// The estimated velocity reported by this class is a close approximation of
/// the velocity an iOS scroll view would report with the same
/// [PointerMoveEvent]s, when the touch that initiates a fling is released.
///
/// This class differs from the [VelocityTracker] class in that it uses weighted
/// average of the latest few velocity samples of the tracked pointer, instead
/// of doing a linear regression on a relatively large amount of data points, to
/// estimate the velocity of the tracked pointer. Adding data points and
/// estimating the velocity are both cheap.
///
/// To obtain a velocity, call [getVelocity] or [getVelocityEstimate]. The
/// esimated velocity is typically used as the initial flinging velocity of a
/// `Scrollable`, when its drag gesture ends.
///
/// See also:
///
/// * [scrollViewWillEndDragging(_:withVelocity:targetContentOffset:)](https://developer.apple.com/documentation/uikit/uiscrollviewdelegate/1619385-scrollviewwillenddragging),
///   the iOS method that reports the fling velocity when the touch is released.
class IOSScrollViewFlingVelocityTracker extends VelocityTracker {
290
  /// Create a new IOSScrollViewFlingVelocityTracker.
291
  IOSScrollViewFlingVelocityTracker(PointerDeviceKind kind) : super.withKind(kind);
292

293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376
  /// The velocity estimation uses at most 4 `_PointAtTime` samples. The extra
  /// samples are there to make the `VelocityEstimate.offset` sufficiently large
  /// to be recognized as a fling. See
  /// `VerticalDragGestureRecognizer.isFlingGesture`.
  static const int _sampleSize = 20;

  final List<_PointAtTime?> _touchSamples = List<_PointAtTime?>.filled(_sampleSize, null, growable: false);

  @override
  void addPosition(Duration time, Offset position) {
    assert(() {
      final _PointAtTime? previousPoint = _touchSamples[_index];
      if (previousPoint == null || previousPoint.time <= time)
        return true;
      throw FlutterError(
        'The position being added ($position) has a smaller timestamp ($time)'
        'than its predecessor: $previousPoint.'
      );
    }());
    _index = (_index + 1) % _sampleSize;
    _touchSamples[_index] = _PointAtTime(position, time);
  }

  // Computes the velocity using 2 adjacent points in history. When index = 0,
  // it uses the latest point recorded and the point recorded immediately before
  // it. The smaller index is, the ealier in history the points used are.
  Offset _previousVelocityAt(int index) {
    final int endIndex = (_index + index) % _sampleSize;
    final int startIndex = (_index + index - 1) % _sampleSize;
    final _PointAtTime? end = _touchSamples[endIndex];
    final _PointAtTime? start = _touchSamples[startIndex];

    if (end == null || start == null) {
      return Offset.zero;
    }

    final int dt = (end.time - start.time).inMicroseconds;
    assert(dt >= 0);

    return dt > 0
      // Convert dt to milliseconds to preserve floating point precision.
      ? (end.point - start.point) * 1000 / (dt.toDouble() / 1000)
      : Offset.zero;
  }

  @override
  VelocityEstimate getVelocityEstimate() {
    // The velocity estimated using this expression is an aproximation of the
    // scroll velocity of an iOS scroll view at the moment the user touch was
    // released, not the final velocity of the iOS pan gesture recognizer
    // installed on the scroll view would report. Typically in an iOS scroll
    // view the velocity values are different between the two, because the
    // scroll view usually slows down when the touch is released.
    final Offset estimatedVelocity = _previousVelocityAt(-2) * 0.6
                                   + _previousVelocityAt(-1) * 0.35
                                   + _previousVelocityAt(0) * 0.05;

    final _PointAtTime? newestSample = _touchSamples[_index];
    _PointAtTime? oldestNonNullSample;

    for (int i = 1; i <= _sampleSize; i += 1) {
      oldestNonNullSample = _touchSamples[(_index + i) % _sampleSize];
      if (oldestNonNullSample != null)
        break;
    }

    if (oldestNonNullSample == null || newestSample == null) {
      assert(false, 'There must be at least 1 point in _touchSamples: $_touchSamples');
      return const VelocityEstimate(
        pixelsPerSecond: Offset.zero,
        confidence: 0.0,
        duration: Duration.zero,
        offset: Offset.zero,
      );
    } else {
      return VelocityEstimate(
        pixelsPerSecond: estimatedVelocity,
        confidence: 1.0,
        duration: newestSample.time - oldestNonNullSample.time,
        offset: newestSample.point - oldestNonNullSample.point,
      );
    }
  }
}