flutter/flame
1
0
Fork 0
mirror of https://github.com/flame-engine/flame.git synced 2025-11-01 19:12:31 +08:00
Code Issues Packages Projects Releases Wiki Activity

TextPaint to use TextStyle instead of TextPaintConfig (#1086)

Browse Source 
* `TextPaint` to use `TextStyle` instead of `TextPaintConfig`

* Update packages/flame/lib/src/text.dart

Co-authored-by: Pasha Stetsenko <stpasha@google.com>

* Removed BaseTextConfig and TextPaintConfig

* Update text docs

* Apply suggestions from code review

Co-authored-by: Erick <erickzanardoo@gmail.com>

* Remove generics

* Update TextBoxExample

* Update text examples variable names

* Fix TextPaint in collision_detection example

Co-authored-by: Pasha Stetsenko <stpasha@google.com>
Co-authored-by: Erick <erickzanardoo@gmail.com>
This commit is contained in:
Lukas Klingsbo
2021-11-13 16:38:06 +01:00
committed by GitHub
parent cd7a0bbb65
commit 3cb23ef530
20 changed files with 154 additions and 275 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
examples/lib/stories/rendering/text.dart
View File

@ -5,39 +5,45 @@ import 'package:flame/game.dart';
import 'package:flame/palette.dart';
import 'package:flutter/material.dart';
final _regularTextConfig = TextPaintConfig(color: BasicPalette.white.color);
final _regular = TextPaint(config: _regularTextConfig);
final _tiny = TextPaint(config: _regularTextConfig.withFontSize(12.0));
final _white = Paint()
..color = BasicPalette.white.color
..style = PaintingStyle.stroke;
final _regularTextStyle =
TextStyle(fontSize: 18, color: BasicPalette.white.color);
final _regular = TextPaint(style: _regularTextStyle);
final _tiny = TextPaint(style: _regularTextStyle.copyWith(fontSize: 14.0));
final _box = _regular.copyWith(
(style) => style.copyWith(
color: Colors.lightGreenAccent,
fontFamily: 'monospace',
letterSpacing: 2.0,
),
);
final _shaded = TextPaint(
style: TextStyle(
color: BasicPalette.white.color,
fontSize: 40.0,
shadows: const [
Shadow(color: Colors.red, offset: Offset(2, 2), blurRadius: 2),
Shadow(color: Colors.yellow, offset: Offset(4, 4), blurRadius: 4),
],
),
);
class MyTextBox extends TextBoxComponent {
MyTextBox(String text)
: super(
text,
textRenderer: _regular,
textRenderer: _box,
boxConfig: TextBoxConfig(
maxWidth: 400,
timePerChar: 0.05,
growingBox: true,
margins: const EdgeInsets.symmetric(horizontal: 10, vertical: 15),
margins: const EdgeInsets.all(25),
),
);
@override
void drawBackground(Canvas c) {
final rect = Rect.fromLTWH(0, 0, width, height);
c.drawRect(rect, Paint()..color = Colors.amber);
final margin = boxConfig.margins;
final innerRect = Rect.fromLTWH(
margin.left,
margin.top,
width - margin.horizontal,
height - margin.vertical,
);
c.drawRect(innerRect, _white);
c.drawRect(rect, Paint()..color = Colors.white10);
}
}
@ -52,6 +58,12 @@ class TextGame extends FlameGame {
..y = 32.0,
);
add(
TextComponent('Text with shade', textRenderer: _shaded)
..anchor = Anchor.topRight
..position = size - Vector2.all(100),
);
add(
TextComponent('center', textRenderer: _tiny)
..anchor = Anchor.center
@ -66,7 +78,11 @@ class TextGame extends FlameGame {
add(
MyTextBox(
'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eget ligula eu lectus lobortis condimentum.',
'"This is our world now. The world of the electron and the switch; '
'the beauty of the baud. We exist without nationality, skin color, '
'or religious bias. You wage wars, murder, cheat, lie to us and try '
"to make us believe it's for our own good, yet we're the "
'criminals. Yes, I am a criminal. My crime is that of curiosity."',
)
..anchor = Anchor.bottomLeft
..y = size.y,