text_painter.dart 32.3 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
import 'dart:math' show min, max;
6
import 'dart:ui' as ui show Paragraph, ParagraphBuilder, ParagraphConstraints, ParagraphStyle, PlaceholderAlignment, LineMetrics;
7

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

11
import 'basic_types.dart';
12 13
import 'inline_span.dart';
import 'placeholder_span.dart';
14
import 'strut_style.dart';
15
import 'text_span.dart';
16

Ian Hickson's avatar
Ian Hickson committed
17 18
export 'package:flutter/services.dart' show TextRange, TextSelection;

19 20 21 22 23 24 25 26 27 28 29 30 31
/// Holds the [Size] and baseline required to represent the dimensions of
/// a placeholder in text.
///
/// Placeholders specify an empty space in the text layout, which is used
/// to later render arbitrary inline widgets into defined by a [WidgetSpan].
///
/// The [size] and [alignment] properties are required and cannot be null.
///
/// See also:
///
///  * [WidgetSpan], a subclass of [InlineSpan] and [PlaceholderSpan] that
///    represents an inline widget embedded within text. The space this
///    widget takes is indicated by a placeholder.
32
///  * [RichText], a text widget that supports text inline widgets.
33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80
@immutable
class PlaceholderDimensions {
  /// Constructs a [PlaceholderDimensions] with the specified parameters.
  ///
  /// The `size` and `alignment` are required as a placeholder's dimensions
  /// require at least `size` and `alignment` to be fully defined.
  const PlaceholderDimensions({
    @required this.size,
    @required this.alignment,
    this.baseline,
    this.baselineOffset,
  }) : assert(size != null),
       assert(alignment != null);

  /// Width and height dimensions of the placeholder.
  final Size size;

  /// How to align the placeholder with the text.
  ///
  /// See also:
  ///
  ///  * [baseline], the baseline to align to when using
  ///    [ui.PlaceholderAlignment.baseline],
  ///    [ui.PlaceholderAlignment.aboveBaseline],
  ///    or [ui.PlaceholderAlignment.underBaseline].
  ///  * [baselineOffset], the distance of the alphabetic baseline from the upper
  ///    edge of the placeholder.
  final ui.PlaceholderAlignment alignment;

  /// Distance of the [baseline] from the upper edge of the placeholder.
  ///
  /// Only used when [alignment] is [ui.PlaceholderAlignment.baseline].
  final double baselineOffset;

  /// The [TextBaseline] to align to. Used with:
  ///
  ///  * [ui.PlaceholderAlignment.baseline]
  ///  * [ui.PlaceholderAlignment.aboveBaseline]
  ///  * [ui.PlaceholderAlignment.underBaseline]
  ///  * [ui.PlaceholderAlignment.middle]
  final TextBaseline baseline;

  @override
  String toString() {
    return 'PlaceholderDimensions($size, $baseline)';
  }
}

81
/// The different ways of measuring the width of one or more lines of text.
82
///
83
/// See [Text.textWidthBasis], for example.
84
enum TextWidthBasis {
85
  /// multiline text will take up the full width given by the parent. For single
86 87 88 89 90 91 92 93 94 95
  /// line text, only the minimum amount of width needed to contain the text
  /// will be used. A common use case for this is a standard series of
  /// paragraphs.
  parent,

  /// The width will be exactly enough to contain the longest line and no
  /// longer. A common use case for this is chat bubbles.
  longestLine,
}

96 97 98
/// This is used to cache and pass the computed metrics regarding the
/// caret's size and position. This is preferred due to the expensive
/// nature of the calculation.
99 100 101 102 103 104 105 106 107 108
class _CaretMetrics {
  const _CaretMetrics({this.offset, this.fullHeight});
  /// The offset of the top left corner of the caret from the top left
  /// corner of the paragraph.
  final Offset offset;

  /// The full height of the glyph at the caret position.
  final double fullHeight;
}

109
/// An object that paints a [TextSpan] tree into a [Canvas].
Hixie's avatar
Hixie committed
110 111 112 113 114 115
///
/// To use a [TextPainter], follow these steps:
///
/// 1. Create a [TextSpan] tree and pass it to the [TextPainter]
///    constructor.
///
116
/// 2. Call [layout] to prepare the paragraph.
Hixie's avatar
Hixie committed
117
///
118
/// 3. Call [paint] as often as desired to paint the paragraph.
Hixie's avatar
Hixie committed
119 120 121 122
///
/// If the width of the area into which the text is being painted
/// changes, return to step 2. If the text to be painted changes,
/// return to step 1.
123 124 125
///
/// The default text style is white. To change the color of the text,
/// pass a [TextStyle] object to the [TextSpan] in `text`.
Adam Barth's avatar
Adam Barth committed
126
class TextPainter {
127 128
  /// Creates a text painter that paints the given text.
  ///
Ian Hickson's avatar
Ian Hickson committed
129 130 131 132
  /// The `text` and `textDirection` arguments are optional but [text] and
  /// [textDirection] must be non-null before calling [layout].
  ///
  /// The [textAlign] property must not be null.
133 134
  ///
  /// The [maxLines] property, if non-null, must be greater than zero.
135
  TextPainter({
136
    InlineSpan text,
137
    TextAlign textAlign = TextAlign.start,
Ian Hickson's avatar
Ian Hickson committed
138
    TextDirection textDirection,
139
    double textScaleFactor = 1.0,
140
    int maxLines,
141
    String ellipsis,
142
    Locale locale,
143
    StrutStyle strutStyle,
144
    TextWidthBasis textWidthBasis = TextWidthBasis.parent,
145
  }) : assert(text == null || text.debugAssertIsValid()),
Ian Hickson's avatar
Ian Hickson committed
146
       assert(textAlign != null),
147
       assert(textScaleFactor != null),
148
       assert(maxLines == null || maxLines > 0),
149
       assert(textWidthBasis != null),
150 151
       _text = text,
       _textAlign = textAlign,
Ian Hickson's avatar
Ian Hickson committed
152
       _textDirection = textDirection,
153 154
       _textScaleFactor = textScaleFactor,
       _maxLines = maxLines,
155
       _ellipsis = ellipsis,
156
       _locale = locale,
157 158
       _strutStyle = strutStyle,
       _textWidthBasis = textWidthBasis;
159

160
  ui.Paragraph _paragraph;
161
  bool _needsLayout = true;
162

163 164 165 166 167 168 169 170 171
  /// Marks this text painter's layout information as dirty and removes cached
  /// information.
  ///
  /// Uses this method to notify text painter to relayout in the case of
  /// layout changes in engine. In most cases, updating text painter properties
  /// in framework will automatically invoke this method.
  void markNeedsLayout() {
    _paragraph = null;
    _needsLayout = true;
172 173
    _previousCaretPosition = null;
    _previousCaretPrototype = null;
174 175
  }

Florian Loitsch's avatar
Florian Loitsch committed
176
  /// The (potentially styled) text to paint.
177 178
  ///
  /// After this is set, you must call [layout] before the next call to [paint].
179
  /// This and [textDirection] must be non-null before you call [layout].
180 181
  ///
  /// The [InlineSpan] this provides is in the form of a tree that may contain
182
  /// multiple instances of [TextSpan]s and [WidgetSpan]s. To obtain a plain text
183 184 185 186 187 188
  /// representation of the contents of this [TextPainter], use [InlineSpan.toPlainText]
  /// to get the full contents of all nodes in the tree. [TextSpan.text] will
  /// only provide the contents of the first node in the tree.
  InlineSpan get text => _text;
  InlineSpan _text;
  set text(InlineSpan value) {
189
    assert(value == null || value.debugAssertIsValid());
190 191
    if (_text == value)
      return;
192 193
    if (_text?.style != value?.style)
      _layoutTemplate = null;
194
    _text = value;
195
    markNeedsLayout();
196 197 198
  }

  /// How the text should be aligned horizontally.
199 200
  ///
  /// After this is set, you must call [layout] before the next call to [paint].
Ian Hickson's avatar
Ian Hickson committed
201 202
  ///
  /// The [textAlign] property must not be null. It defaults to [TextAlign.start].
203 204
  TextAlign get textAlign => _textAlign;
  TextAlign _textAlign;
205
  set textAlign(TextAlign value) {
Ian Hickson's avatar
Ian Hickson committed
206
    assert(value != null);
207 208 209
    if (_textAlign == value)
      return;
    _textAlign = value;
210
    markNeedsLayout();
211 212
  }

Ian Hickson's avatar
Ian Hickson committed
213 214 215 216 217 218 219 220 221
  /// The default directionality of the text.
  ///
  /// This controls how the [TextAlign.start], [TextAlign.end], and
  /// [TextAlign.justify] values of [textAlign] are resolved.
  ///
  /// This is also used to disambiguate how to render bidirectional text. For
  /// example, if the [text] is an English phrase followed by a Hebrew phrase,
  /// in a [TextDirection.ltr] context the English phrase will be on the left
  /// and the Hebrew phrase to its right, while in a [TextDirection.rtl]
222
  /// context, the English phrase will be on the right and the Hebrew phrase on
Ian Hickson's avatar
Ian Hickson committed
223 224 225 226 227 228 229 230 231 232 233
  /// its left.
  ///
  /// After this is set, you must call [layout] before the next call to [paint].
  ///
  /// This and [text] must be non-null before you call [layout].
  TextDirection get textDirection => _textDirection;
  TextDirection _textDirection;
  set textDirection(TextDirection value) {
    if (_textDirection == value)
      return;
    _textDirection = value;
234
    markNeedsLayout();
Ian Hickson's avatar
Ian Hickson committed
235 236 237
    _layoutTemplate = null; // Shouldn't really matter, but for strict correctness...
  }

238 239 240 241
  /// The number of font pixels for each logical pixel.
  ///
  /// For example, if the text scale factor is 1.5, text will be 50% larger than
  /// the specified font size.
242 243
  ///
  /// After this is set, you must call [layout] before the next call to [paint].
244 245 246 247 248 249 250
  double get textScaleFactor => _textScaleFactor;
  double _textScaleFactor;
  set textScaleFactor(double value) {
    assert(value != null);
    if (_textScaleFactor == value)
      return;
    _textScaleFactor = value;
251
    markNeedsLayout();
252
    _layoutTemplate = null;
253 254
  }

255
  /// The string used to ellipsize overflowing text. Setting this to a non-empty
256
  /// string will cause this string to be substituted for the remaining text
257 258 259 260 261 262 263
  /// if the text can not fit within the specified maximum width.
  ///
  /// Specifically, the ellipsis is applied to the last line before the line
  /// truncated by [maxLines], if [maxLines] is non-null and that line overflows
  /// the width constraint, or to the first line that is wider than the width
  /// constraint, if [maxLines] is null. The width constraint is the `maxWidth`
  /// passed to [layout].
264 265
  ///
  /// After this is set, you must call [layout] before the next call to [paint].
266 267 268 269 270
  ///
  /// The higher layers of the system, such as the [Text] widget, represent
  /// overflow effects using the [TextOverflow] enum. The
  /// [TextOverflow.ellipsis] value corresponds to setting this property to
  /// U+2026 HORIZONTAL ELLIPSIS (…).
271 272 273 274 275 276 277
  String get ellipsis => _ellipsis;
  String _ellipsis;
  set ellipsis(String value) {
    assert(value == null || value.isNotEmpty);
    if (_ellipsis == value)
      return;
    _ellipsis = value;
278
    markNeedsLayout();
279 280
  }

281
  /// The locale used to select region-specific glyphs.
282 283 284
  Locale get locale => _locale;
  Locale _locale;
  set locale(Locale value) {
285 286 287
    if (_locale == value)
      return;
    _locale = value;
288
    markNeedsLayout();
289 290
  }

291 292
  /// An optional maximum number of lines for the text to span, wrapping if
  /// necessary.
293
  ///
294 295
  /// If the text exceeds the given number of lines, it is truncated such that
  /// subsequent lines are dropped.
296 297
  ///
  /// After this is set, you must call [layout] before the next call to [paint].
298 299
  int get maxLines => _maxLines;
  int _maxLines;
300
  /// The value may be null. If it is not null, then it must be greater than zero.
301
  set maxLines(int value) {
302
    assert(value == null || value > 0);
303 304 305
    if (_maxLines == value)
      return;
    _maxLines = value;
306
    markNeedsLayout();
307 308
  }

309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326
  /// {@template flutter.painting.textPainter.strutStyle}
  /// The strut style to use. Strut style defines the strut, which sets minimum
  /// vertical layout metrics.
  ///
  /// Omitting or providing null will disable strut.
  ///
  /// Omitting or providing null for any properties of [StrutStyle] will result in
  /// default values being used. It is highly recommended to at least specify a
  /// [fontSize].
  ///
  /// See [StrutStyle] for details.
  /// {@endtemplate}
  StrutStyle get strutStyle => _strutStyle;
  StrutStyle _strutStyle;
  set strutStyle(StrutStyle value) {
    if (_strutStyle == value)
      return;
    _strutStyle = value;
327
    markNeedsLayout();
328 329
  }

330 331 332
  /// {@template flutter.painting.textPainter.textWidthBasis}
  /// Defines how to measure the width of the rendered text.
  /// {@endtemplate}
333 334 335 336 337 338 339
  TextWidthBasis get textWidthBasis => _textWidthBasis;
  TextWidthBasis _textWidthBasis;
  set textWidthBasis(TextWidthBasis value) {
    assert(value != null);
    if (_textWidthBasis == value)
      return;
    _textWidthBasis = value;
340
    markNeedsLayout();
341 342
  }

343

344
  ui.Paragraph _layoutTemplate;
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 377 378 379 380 381 382 383 384 385 386 387
  /// An ordered list of [TextBox]es that bound the positions of the placeholders
  /// in the paragraph.
  ///
  /// Each box corresponds to a [PlaceholderSpan] in the order they were defined
  /// in the [InlineSpan] tree.
  List<TextBox> get inlinePlaceholderBoxes => _inlinePlaceholderBoxes;
  List<TextBox> _inlinePlaceholderBoxes;

  /// An ordered list of scales for each placeholder in the paragraph.
  ///
  /// The scale is used as a multiplier on the height, width and baselineOffset of
  /// the placeholder. Scale is primarily used to handle accessibility scaling.
  ///
  /// Each scale corresponds to a [PlaceholderSpan] in the order they were defined
  /// in the [InlineSpan] tree.
  List<double> get inlinePlaceholderScales => _inlinePlaceholderScales;
  List<double> _inlinePlaceholderScales;

  /// Sets the dimensions of each placeholder in [text].
  ///
  /// The number of [PlaceholderDimensions] provided should be the same as the
  /// number of [PlaceholderSpan]s in text. Passing in an empty or null `value`
  /// will do nothing.
  ///
  /// If [layout] is attempted without setting the placeholder dimensions, the
  /// placeholders will be ignored in the text layout and no valid
  /// [inlinePlaceholderBoxes] will be returned.
  void setPlaceholderDimensions(List<PlaceholderDimensions> value) {
    if (value == null || value.isEmpty || listEquals(value, _placeholderDimensions)) {
      return;
    }
    assert(() {
      int placeholderCount = 0;
      text.visitChildren((InlineSpan span) {
        if (span is PlaceholderSpan) {
          placeholderCount += 1;
        }
        return true;
      });
      return placeholderCount;
    }() == value.length);
    _placeholderDimensions = value;
388
    markNeedsLayout();
389 390 391
  }
  List<PlaceholderDimensions> _placeholderDimensions;

392
  ui.ParagraphStyle _createParagraphStyle([ TextDirection defaultTextDirection ]) {
Ian Hickson's avatar
Ian Hickson committed
393 394 395 396
    // The defaultTextDirection argument is used for preferredLineHeight in case
    // textDirection hasn't yet been set.
    assert(textAlign != null);
    assert(textDirection != null || defaultTextDirection != null, 'TextPainter.textDirection must be set to a non-null value before using the TextPainter.');
397 398
    return _text.style?.getParagraphStyle(
      textAlign: textAlign,
Ian Hickson's avatar
Ian Hickson committed
399
      textDirection: textDirection ?? defaultTextDirection,
400 401 402
      textScaleFactor: textScaleFactor,
      maxLines: _maxLines,
      ellipsis: _ellipsis,
403
      locale: _locale,
404
      strutStyle: _strutStyle,
405
    ) ?? ui.ParagraphStyle(
406
      textAlign: textAlign,
Ian Hickson's avatar
Ian Hickson committed
407
      textDirection: textDirection ?? defaultTextDirection,
408 409
      maxLines: maxLines,
      ellipsis: ellipsis,
410
      locale: locale,
411 412 413
    );
  }

414
  /// The height of a space in [text] in logical pixels.
415
  ///
416 417
  /// Not every line of text in [text] will have this height, but this height
  /// is "typical" for text in [text] and useful for sizing other objects
418
  /// relative a typical line of text.
419 420
  ///
  /// Obtaining this value does not require calling [layout].
Ian Hickson's avatar
Ian Hickson committed
421 422 423 424 425
  ///
  /// The style of the [text] property is used to determine the font settings
  /// that contribute to the [preferredLineHeight]. If [text] is null or if it
  /// specifies no styles, the default [TextStyle] values are used (a 10 pixel
  /// sans-serif font).
426 427
  double get preferredLineHeight {
    if (_layoutTemplate == null) {
428
      final ui.ParagraphBuilder builder = ui.ParagraphBuilder(
Ian Hickson's avatar
Ian Hickson committed
429
        _createParagraphStyle(TextDirection.rtl),
430
      ); // direction doesn't matter, text is just a space
Ian Hickson's avatar
Ian Hickson committed
431
      if (text?.style != null)
432
        builder.pushStyle(text.style.getTextStyle(textScaleFactor: textScaleFactor));
433
      builder.addText(' ');
434
      _layoutTemplate = builder.build()
435
        ..layout(const ui.ParagraphConstraints(width: double.infinity));
436 437 438
    }
    return _layoutTemplate.height;
  }
439

440 441 442 443 444 445 446 447 448 449 450
  // Unfortunately, using full precision floating point here causes bad layouts
  // because floating point math isn't associative. If we add and subtract
  // padding, for example, we'll get different values when we estimate sizes and
  // when we actually compute layout because the operations will end up associated
  // differently. To work around this problem for now, we round fractional pixel
  // values up to the nearest whole pixel value. The right long-term fix is to do
  // layout using fixed precision arithmetic.
  double _applyFloatingPointHack(double layoutValue) {
    return layoutValue.ceilToDouble();
  }

451 452
  /// The width at which decreasing the width of the text would prevent it from
  /// painting itself completely within its bounds.
453
  ///
454
  /// Valid only after [layout] has been called.
455
  double get minIntrinsicWidth {
456 457 458 459
    assert(!_needsLayout);
    return _applyFloatingPointHack(_paragraph.minIntrinsicWidth);
  }

Florian Loitsch's avatar
Florian Loitsch committed
460
  /// The width at which increasing the width of the text no longer decreases the height.
461
  ///
462
  /// Valid only after [layout] has been called.
463
  double get maxIntrinsicWidth {
464 465 466 467
    assert(!_needsLayout);
    return _applyFloatingPointHack(_paragraph.maxIntrinsicWidth);
  }

468 469
  /// The horizontal space required to paint this text.
  ///
470
  /// Valid only after [layout] has been called.
471 472
  double get width {
    assert(!_needsLayout);
473 474 475
    return _applyFloatingPointHack(
      textWidthBasis == TextWidthBasis.longestLine ? _paragraph.longestLine : _paragraph.width,
    );
476 477
  }

478 479
  /// The vertical space required to paint this text.
  ///
480
  /// Valid only after [layout] has been called.
481 482 483 484 485
  double get height {
    assert(!_needsLayout);
    return _applyFloatingPointHack(_paragraph.height);
  }

486 487
  /// The amount of space required to paint this text.
  ///
488
  /// Valid only after [layout] has been called.
489
  Size get size {
490
    assert(!_needsLayout);
491
    return Size(width, height);
492 493
  }

494 495
  /// Returns the distance from the top of the text to the first baseline of the
  /// given type.
496
  ///
497
  /// Valid only after [layout] has been called.
498 499
  double computeDistanceToActualBaseline(TextBaseline baseline) {
    assert(!_needsLayout);
Ian Hickson's avatar
Ian Hickson committed
500
    assert(baseline != null);
501 502
    switch (baseline) {
      case TextBaseline.alphabetic:
503
        return _paragraph.alphabeticBaseline;
504
      case TextBaseline.ideographic:
505
        return _paragraph.ideographicBaseline;
506
    }
pq's avatar
pq committed
507
    return null;
508 509
  }

510 511 512 513 514
  /// Whether any text was truncated or ellipsized.
  ///
  /// If [maxLines] is not null, this is true if there were more lines to be
  /// drawn than the given [maxLines], and thus at least one line was omitted in
  /// the output; otherwise it is false.
515
  ///
516 517 518 519 520
  /// If [maxLines] is null, this is true if [ellipsis] is not the empty string
  /// and there was a line that overflowed the `maxWidth` argument passed to
  /// [layout]; otherwise it is false.
  ///
  /// Valid only after [layout] has been called.
521 522 523 524 525
  bool get didExceedMaxLines {
    assert(!_needsLayout);
    return _paragraph.didExceedMaxLines;
  }

526 527
  double _lastMinWidth;
  double _lastMaxWidth;
528

Florian Loitsch's avatar
Florian Loitsch committed
529
  /// Computes the visual position of the glyphs for painting the text.
530
  ///
531
  /// The text will layout with a width that's as close to its max intrinsic
Ian Hickson's avatar
Ian Hickson committed
532 533 534 535 536
  /// width as possible while still being greater than or equal to `minWidth` and
  /// less than or equal to `maxWidth`.
  ///
  /// The [text] and [textDirection] properties must be non-null before this is
  /// called.
537
  void layout({ double minWidth = 0.0, double maxWidth = double.infinity }) {
Ian Hickson's avatar
Ian Hickson committed
538 539
    assert(text != null, 'TextPainter.text must be set to a non-null value before using the TextPainter.');
    assert(textDirection != null, 'TextPainter.textDirection must be set to a non-null value before using the TextPainter.');
540
    if (!_needsLayout && minWidth == _lastMinWidth && maxWidth == _lastMaxWidth)
541 542
      return;
    _needsLayout = false;
543
    if (_paragraph == null) {
544
      final ui.ParagraphBuilder builder = ui.ParagraphBuilder(_createParagraphStyle());
545 546
      _text.build(builder, textScaleFactor: textScaleFactor, dimensions: _placeholderDimensions);
      _inlinePlaceholderScales = builder.placeholderScales;
547
      _paragraph = builder.build();
548
    }
549 550
    _lastMinWidth = minWidth;
    _lastMaxWidth = maxWidth;
551
    _paragraph.layout(ui.ParagraphConstraints(width: maxWidth));
552
    if (minWidth != maxWidth) {
553
      final double newWidth = maxIntrinsicWidth.clamp(minWidth, maxWidth) as double;
554
      if (newWidth != width) {
555
        _paragraph.layout(ui.ParagraphConstraints(width: newWidth));
556
      }
557
    }
558
    _inlinePlaceholderBoxes = _paragraph.getBoxesForPlaceholders();
559 560
  }

Florian Loitsch's avatar
Florian Loitsch committed
561
  /// Paints the text onto the given canvas at the given offset.
562
  ///
563
  /// Valid only after [layout] has been called.
564 565 566 567 568 569 570 571 572
  ///
  /// If you cannot see the text being painted, check that your text color does
  /// not conflict with the background on which you are drawing. The default
  /// text color is white (to contrast with the default black background color),
  /// so if you are writing an application with a white background, the text
  /// will not be visible by default.
  ///
  /// To set the text style, specify a [TextStyle] when creating the [TextSpan]
  /// that you pass to the [TextPainter] constructor or to the [text] property.
573
  void paint(Canvas canvas, Offset offset) {
574 575
    assert(() {
      if (_needsLayout) {
576
        throw FlutterError(
577 578 579 580 581
          'TextPainter.paint called when text geometry was not yet calculated.\n'
          'Please call layout() before paint() to position the text before painting it.'
        );
      }
      return true;
582
    }());
Adam Barth's avatar
Adam Barth committed
583
    canvas.drawParagraph(_paragraph, offset);
584
  }
585

586 587
  // Complex glyphs can be represented by two or more UTF16 codepoints. This
  // checks if the value represents a UTF16 glyph by itself or is a 'surrogate'.
588 589 590 591
  bool _isUtf16Surrogate(int value) {
    return value & 0xF800 == 0xD800;
  }

592
  /// Returns the closest offset after `offset` at which the input cursor can be
593 594 595 596 597
  /// positioned.
  int getOffsetAfter(int offset) {
    final int nextCodeUnit = _text.codeUnitAt(offset);
    if (nextCodeUnit == null)
      return null;
598
    // TODO(goderbauer): doesn't handle extended grapheme clusters with more than one Unicode scalar value (https://github.com/flutter/flutter/issues/13404).
599 600 601
    return _isUtf16Surrogate(nextCodeUnit) ? offset + 2 : offset + 1;
  }

602
  /// Returns the closest offset before `offset` at which the input cursor can
603 604 605 606 607
  /// be positioned.
  int getOffsetBefore(int offset) {
    final int prevCodeUnit = _text.codeUnitAt(offset - 1);
    if (prevCodeUnit == null)
      return null;
608
    // TODO(goderbauer): doesn't handle extended grapheme clusters with more than one Unicode scalar value (https://github.com/flutter/flutter/issues/13404).
609 610 611
    return _isUtf16Surrogate(prevCodeUnit) ? offset - 2 : offset - 1;
  }

612 613 614
  // Unicode value for a zero width joiner character.
  static const int _zwjUtf16 = 0x200d;

615
  // Get the Rect of the cursor (in logical pixels) based off the near edge
616
  // of the character upstream from the given string offset.
617 618
  // TODO(garyq): Use actual extended grapheme cluster length instead of
  // an increasing cluster length amount to achieve deterministic performance.
619
  Rect _getRectFromUpstream(int offset, Rect caretPrototype) {
620
    final String flattenedText = _text.toPlainText(includePlaceholders: false);
621
    final int prevCodeUnit = _text.codeUnitAt(max(0, offset - 1));
622 623
    if (prevCodeUnit == null)
      return null;
624

625 626 627 628
    // Check for multi-code-unit glyphs such as emojis or zero width joiner
    final bool needsSearch = _isUtf16Surrogate(prevCodeUnit) || _text.codeUnitAt(offset) == _zwjUtf16;
    int graphemeClusterLength = needsSearch ? 2 : 1;
    List<TextBox> boxes = <TextBox>[];
629
    while (boxes.isEmpty && flattenedText != null) {
630 631 632 633 634 635
      final int prevRuneOffset = offset - graphemeClusterLength;
      boxes = _paragraph.getBoxesForRange(prevRuneOffset, offset);
      // When the range does not include a full cluster, no boxes will be returned.
      if (boxes.isEmpty) {
        // When we are at the beginning of the line, a non-surrogate position will
        // return empty boxes. We break and try from downstream instead.
636
        if (!needsSearch) {
637
          break; // Only perform one iteration if no search is required.
638 639
        }
        if (prevRuneOffset < -flattenedText.length) {
640
          break; // Stop iterating when beyond the max length of the text.
641
        }
642 643 644 645 646 647 648
        // Multiply by two to log(n) time cover the entire text span. This allows
        // faster discovery of very long clusters and reduces the possibility
        // of certain large clusters taking much longer than others, which can
        // cause jank.
        graphemeClusterLength *= 2;
        continue;
      }
649
      final TextBox box = boxes.first;
650 651 652 653

      // If the upstream character is a newline, cursor is at start of next line
      const int NEWLINE_CODE_UNIT = 10;
      if (prevCodeUnit == NEWLINE_CODE_UNIT) {
654
        return Rect.fromLTRB(_emptyOffset.dx, box.bottom, _emptyOffset.dx, box.bottom + box.bottom - box.top);
655 656
      }

657 658
      final double caretEnd = box.end;
      final double dx = box.direction == TextDirection.rtl ? caretEnd - caretPrototype.width : caretEnd;
659
      return Rect.fromLTRB(min(dx, _paragraph.width), box.top, min(dx, _paragraph.width), box.bottom);
660 661
    }
    return null;
662 663
  }

664
  // Get the Rect of the cursor (in logical pixels) based off the near edge
665
  // of the character downstream from the given string offset.
666 667
  // TODO(garyq): Use actual extended grapheme cluster length instead of
  // an increasing cluster length amount to achieve deterministic performance.
668
  Rect _getRectFromDownstream(int offset, Rect caretPrototype) {
669
    final String flattenedText = _text.toPlainText(includePlaceholders: false);
670
    // We cap the offset at the final index of the _text.
671
    final int nextCodeUnit = _text.codeUnitAt(min(offset, flattenedText == null ? 0 : flattenedText.length - 1));
672 673
    if (nextCodeUnit == null)
      return null;
674 675 676 677
    // Check for multi-code-unit glyphs such as emojis or zero width joiner
    final bool needsSearch = _isUtf16Surrogate(nextCodeUnit) || nextCodeUnit == _zwjUtf16;
    int graphemeClusterLength = needsSearch ? 2 : 1;
    List<TextBox> boxes = <TextBox>[];
678
    while (boxes.isEmpty && flattenedText != null) {
679 680 681 682 683 684
      final int nextRuneOffset = offset + graphemeClusterLength;
      boxes = _paragraph.getBoxesForRange(offset, nextRuneOffset);
      // When the range does not include a full cluster, no boxes will be returned.
      if (boxes.isEmpty) {
        // When we are at the end of the line, a non-surrogate position will
        // return empty boxes. We break and try from upstream instead.
685
        if (!needsSearch) {
686
          break; // Only perform one iteration if no search is required.
687 688
        }
        if (nextRuneOffset >= flattenedText.length << 1) {
689
          break; // Stop iterating when beyond the max length of the text.
690
        }
691 692 693 694 695 696 697
        // Multiply by two to log(n) time cover the entire text span. This allows
        // faster discovery of very long clusters and reduces the possibility
        // of certain large clusters taking much longer than others, which can
        // cause jank.
        graphemeClusterLength *= 2;
        continue;
      }
698
      final TextBox box = boxes.last;
699 700
      final double caretStart = box.start;
      final double dx = box.direction == TextDirection.rtl ? caretStart - caretPrototype.width : caretStart;
701
      return Rect.fromLTRB(min(dx, _paragraph.width), box.top, min(dx, _paragraph.width), box.bottom);
702 703
    }
    return null;
704 705
  }

706
  Offset get _emptyOffset {
Ian Hickson's avatar
Ian Hickson committed
707 708 709
    assert(!_needsLayout); // implies textDirection is non-null
    assert(textAlign != null);
    switch (textAlign) {
710 711 712
      case TextAlign.left:
        return Offset.zero;
      case TextAlign.right:
713
        return Offset(width, 0.0);
714
      case TextAlign.center:
715
        return Offset(width / 2.0, 0.0);
Ian Hickson's avatar
Ian Hickson committed
716 717 718 719 720
      case TextAlign.justify:
      case TextAlign.start:
        assert(textDirection != null);
        switch (textDirection) {
          case TextDirection.rtl:
721
            return Offset(width, 0.0);
Ian Hickson's avatar
Ian Hickson committed
722 723 724 725 726 727 728 729 730 731
          case TextDirection.ltr:
            return Offset.zero;
        }
        return null;
      case TextAlign.end:
        assert(textDirection != null);
        switch (textDirection) {
          case TextDirection.rtl:
            return Offset.zero;
          case TextDirection.ltr:
732
            return Offset(width, 0.0);
Ian Hickson's avatar
Ian Hickson committed
733 734
        }
        return null;
735 736 737 738
    }
    return null;
  }

739
  /// Returns the offset at which to paint the caret.
740
  ///
741
  /// Valid only after [layout] has been called.
742
  Offset getOffsetForCaret(TextPosition position, Rect caretPrototype) {
743 744 745 746 747 748 749 750 751 752 753 754 755 756 757 758 759 760 761
    _computeCaretMetrics(position, caretPrototype);
    return _caretMetrics.offset;
  }

  /// Returns the tight bounded height of the glyph at the given [position].
  ///
  /// Valid only after [layout] has been called.
  double getFullHeightForCaret(TextPosition position, Rect caretPrototype) {
    _computeCaretMetrics(position, caretPrototype);
    return _caretMetrics.fullHeight;
  }

  // Cached caret metrics. This allows multiple invokes of [getOffsetForCaret] and
  // [getFullHeightForCaret] in a row without performing redundant and expensive
  // get rect calls to the paragraph.
  _CaretMetrics _caretMetrics;

  // Holds the TextPosition and caretPrototype the last caret metrics were
  // computed with. When new values are passed in, we recompute the caret metrics.
Chris Bracken's avatar
Chris Bracken committed
762
  // only as necessary.
763 764 765 766 767 768
  TextPosition _previousCaretPosition;
  Rect _previousCaretPrototype;

  // Checks if the [position] and [caretPrototype] have changed from the cached
  // version and recomputes the metrics required to position the caret.
  void _computeCaretMetrics(TextPosition position, Rect caretPrototype) {
769
    assert(!_needsLayout);
770 771
    if (position == _previousCaretPosition && caretPrototype == _previousCaretPrototype)
      return;
772
    final int offset = position.offset;
Ian Hickson's avatar
Ian Hickson committed
773
    assert(position.affinity != null);
774
    Rect rect;
775
    switch (position.affinity) {
776 777 778 779 780 781 782 783
      case TextAffinity.upstream: {
        rect = _getRectFromUpstream(offset, caretPrototype) ?? _getRectFromDownstream(offset, caretPrototype);
        break;
      }
      case TextAffinity.downstream: {
        rect = _getRectFromDownstream(offset, caretPrototype) ??  _getRectFromUpstream(offset, caretPrototype);
        break;
      }
784
    }
785 786 787 788
    _caretMetrics = _CaretMetrics(
      offset: rect != null ? Offset(rect.left, rect.top) : _emptyOffset,
      fullHeight: rect != null ? rect.bottom - rect.top : null,
    );
789 790 791 792

    // Cache the input parameters to prevent repeat work later.
    _previousCaretPosition = position;
    _previousCaretPrototype = caretPrototype;
793 794 795 796 797 798 799
  }

  /// Returns a list of rects that bound the given selection.
  ///
  /// A given selection might have more than one rect if this text painter
  /// contains bidirectional text because logically contiguous text might not be
  /// visually contiguous.
Ian Hickson's avatar
Ian Hickson committed
800
  List<TextBox> getBoxesForSelection(TextSelection selection) {
801 802 803 804
    assert(!_needsLayout);
    return _paragraph.getBoxesForRange(selection.start, selection.end);
  }

805
  /// Returns the position within the text for the given pixel offset.
806 807 808 809 810
  TextPosition getPositionForOffset(Offset offset) {
    assert(!_needsLayout);
    return _paragraph.getPositionForOffset(offset);
  }

811 812 813 814 815 816 817
  /// Returns the text range of the word at the given offset. Characters not
  /// part of a word, such as spaces, symbols, and punctuation, have word breaks
  /// on both sides. In such cases, this method will return a text range that
  /// contains the given text position.
  ///
  /// Word boundaries are defined more precisely in Unicode Standard Annex #29
  /// <http://www.unicode.org/reports/tr29/#Word_Boundaries>.
818 819
  TextRange getWordBoundary(TextPosition position) {
    assert(!_needsLayout);
820 821 822
    return _paragraph.getWordBoundary(position);
  }

823
  /// Returns the text range of the line at the given offset.
824
  ///
825
  /// The newline, if any, is included in the range.
826 827 828
  TextRange getLineBoundary(TextPosition position) {
    assert(!_needsLayout);
    return _paragraph.getLineBoundary(position);
829
  }
830 831 832 833 834 835 836 837 838 839 840 841 842 843 844

  /// Returns the full list of [LineMetrics] that describe in detail the various
  /// metrics of each laid out line.
  ///
  /// The [LineMetrics] list is presented in the order of the lines they represent.
  /// For example, the first line is in the zeroth index.
  ///
  /// [LineMetrics] contains measurements such as ascent, descent, baseline, and
  /// width for the line as a whole, and may be useful for aligning additional
  /// widgets to a particular line.
  ///
  /// Valid only after [layout] has been called.
  ///
  /// This can potentially return a large amount of data, so it is not recommended
  /// to repeatedly call this. Instead, cache the results. The cached results
845
  /// should be invalidated upon the next successful [layout].
846 847 848 849
  List<ui.LineMetrics> computeLineMetrics() {
    assert(!_needsLayout);
    return _paragraph.computeLineMetrics();
  }
850
}