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

import 'package:flutter/rendering.dart';
import 'package:flutter/widgets.dart';

8
import 'ink_well.dart' show InteractiveInkFeature;
9 10
import 'material.dart';

11
const Duration _kDefaultHighlightFadeDuration = Duration(milliseconds: 200);
12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27

/// A visual emphasis on a part of a [Material] receiving user interaction.
///
/// This object is rarely created directly. Instead of creating an ink highlight
/// directly, consider using an [InkResponse] or [InkWell] widget, which uses
/// gestures (such as tap and long-press) to trigger ink highlights.
///
/// See also:
///
///  * [InkResponse], which uses gestures to trigger ink highlights and ink
///    splashes in the parent [Material].
///  * [InkWell], which is a rectangular [InkResponse] (the most common type of
///    ink response).
///  * [Material], which is the widget on which the ink highlight is painted.
///  * [InkSplash], which is an ink feature that shows a reaction to user input
///    on a [Material].
28
class InkHighlight extends InteractiveInkFeature {
29 30 31 32 33 34 35 36 37 38 39 40 41
  /// Begin a highlight animation.
  ///
  /// The [controller] argument is typically obtained via
  /// `Material.of(context)`.
  ///
  /// If a `rectCallback` is given, then it provides the highlight rectangle,
  /// otherwise, the highlight rectangle is coincident with the [referenceBox].
  ///
  /// When the highlight is removed, `onRemoved` will be called.
  InkHighlight({
    @required MaterialInkController controller,
    @required RenderBox referenceBox,
    @required Color color,
42
    @required TextDirection textDirection,
43
    BoxShape shape = BoxShape.rectangle,
44
    BorderRadius borderRadius,
45
    ShapeBorder customBorder,
46 47
    RectCallback rectCallback,
    VoidCallback onRemoved,
48
    Duration fadeDuration = _kDefaultHighlightFadeDuration,
49 50
  }) : assert(color != null),
       assert(shape != null),
51
       assert(textDirection != null),
52
       assert(fadeDuration != null),
53
       _shape = shape,
54
       _borderRadius = borderRadius ?? BorderRadius.zero,
55
       _customBorder = customBorder,
56
       _textDirection = textDirection,
57
       _rectCallback = rectCallback,
58
       super(controller: controller, referenceBox: referenceBox, color: color, onRemoved: onRemoved) {
59
    _alphaController = AnimationController(duration: fadeDuration, vsync: controller.vsync)
60 61 62
      ..addListener(controller.markNeedsPaint)
      ..addStatusListener(_handleAlphaStatusChanged)
      ..forward();
63
    _alpha = _alphaController.drive(IntTween(
64
      begin: 0,
65 66
      end: color.alpha,
    ));
67 68 69 70 71

    controller.addInkFeature(this);
  }

  final BoxShape _shape;
72
  final BorderRadius _borderRadius;
73
  final ShapeBorder _customBorder;
74
  final RectCallback _rectCallback;
75
  final TextDirection _textDirection;
76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108

  Animation<int> _alpha;
  AnimationController _alphaController;

  /// Whether this part of the material is being visually emphasized.
  bool get active => _active;
  bool _active = true;

  /// Start visually emphasizing this part of the material.
  void activate() {
    _active = true;
    _alphaController.forward();
  }

  /// Stop visually emphasizing this part of the material.
  void deactivate() {
    _active = false;
    _alphaController.reverse();
  }

  void _handleAlphaStatusChanged(AnimationStatus status) {
    if (status == AnimationStatus.dismissed && !_active)
      dispose();
  }

  @override
  void dispose() {
    _alphaController.dispose();
    super.dispose();
  }

  void _paintHighlight(Canvas canvas, Rect rect, Paint paint) {
    assert(_shape != null);
109 110
    canvas.save();
    if (_customBorder != null) {
111
      canvas.clipPath(_customBorder.getOuterPath(rect, textDirection: _textDirection));
112
    }
113 114 115 116 117
    switch (_shape) {
      case BoxShape.circle:
        canvas.drawCircle(rect.center, Material.defaultSplashRadius, paint);
        break;
      case BoxShape.rectangle:
118
        if (_borderRadius != BorderRadius.zero) {
119
          final RRect clipRRect = RRect.fromRectAndCorners(
120 121 122 123 124 125 126 127
            rect,
            topLeft: _borderRadius.topLeft, topRight: _borderRadius.topRight,
            bottomLeft: _borderRadius.bottomLeft, bottomRight: _borderRadius.bottomRight,
          );
          canvas.drawRRect(clipRRect, paint);
        } else {
          canvas.drawRect(rect, paint);
        }
128 129
        break;
    }
130
    canvas.restore();
131 132 133 134
  }

  @override
  void paintFeature(Canvas canvas, Matrix4 transform) {
135
    final Paint paint = Paint()..color = color.withAlpha(_alpha.value);
136
    final Offset originOffset = MatrixUtils.getAsTranslation(transform);
137
    final Rect rect = _rectCallback != null ? _rectCallback() : Offset.zero & referenceBox.size;
138 139 140 141 142 143 144 145 146 147
    if (originOffset == null) {
      canvas.save();
      canvas.transform(transform.storage);
      _paintHighlight(canvas, rect, paint);
      canvas.restore();
    } else {
      _paintHighlight(canvas, rect.shift(originOffset), paint);
    }
  }
}