flutter开发实战-TextPainter计算文本内容的宽度
最近开发过程中根据Text文本的大小判断是否需要进行显示跑马灯效果,获取文本的大小,需要TextPainter来获取Size
一、TextPainter
TextPainter主要用于实现文本的绘制。TextPainter类可以将TextSpan渲染到画布上
TextPainter可以将TextSpan树绘制到Canvas画布上。
使用步骤
- 1 创建[TextSpan]树并将其传递给[TextPainter]
- 2 调用[layout]来准备段落
- 3 根据需要随时调用paint来绘制段落。
- 4 当对象将不再被访问以释放Dispose时调用[display]
二、TextPainter计算文本的宽度
在我使用的TextSpan,指定Text与style,通过TextPainter中的size的到大小,再获取文本内容的宽度
dart
Size calculateTextSize(String text, TextStyle style) {
final TextPainter textPainter = TextPainter(
text: TextSpan(text: text, style: style),
maxLines: 1,
textDirection: TextDirection.ltr)
..layout(minWidth: 0, maxWidth: double.infinity);
return textPainter.size;
}
三、小结
flutter开发实战-TextPainter计算文本内容的宽度。TextPainter类可以将TextSpan渲染到画布,并根据TextPainter来获得文本内容的宽度。
学习记录,每天不停进步。