/
main.dart
129 lines (119 loc) · 3.12 KB
/
main.dart
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
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
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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
import 'dart:typed_data';
import 'package:fast_color_picker/fast_color_picker.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:story_painter/story_painter.dart';
import 'dart:ui' as ui;
void main() => runApp(MyApp());
class MyApp extends StatefulWidget {
@override
_MyAppState createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> {
@override
void initState() {
super.initState();
}
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
home: Home(),
);
}
}
class Home extends StatefulWidget {
@override
_HomeState createState() => _HomeState();
}
class _HomeState extends State<Home> {
StoryPainterControl painterControl = StoryPainterControl(
type: PainterDrawType.shape,
threshold: 3.0,
smoothRatio: 0.65,
velocityRange: 2.0,
color: Colors.black,
width: 8,
onDrawStart: () {},
onDrawEnd: () {},
);
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('story_painter'),
actions: [
IconButton(
icon: Icon(Icons.undo),
onPressed: () async {
painterControl.undo();
},
),
IconButton(
icon: Icon(Icons.save),
onPressed: () async {
ui.Image image = await painterControl.toImage(pixelRatio: 3.0);
ByteData? byteData =
await image.toByteData(format: ui.ImageByteFormat.png);
var pngBytes = byteData?.buffer.asUint8List();
if (pngBytes == null) {
return;
}
Navigator.of(context).push(
MaterialPageRoute(
builder: (_) => OnlyImage(
imageData: pngBytes,
),
),
);
},
),
],
),
body: Stack(
alignment: Alignment.bottomCenter,
children: [
StoryPainter(
control: painterControl,
),
Column(
mainAxisAlignment: MainAxisAlignment.end,
children: [
Slider(
value: painterControl.width,
onChanged: (width) {
painterControl.setWidth(width);
setState(() {});
},
max: 30,
min: 5,
),
FastColorPicker(
selectedColor: painterControl.color,
onColorSelected: (color) {
painterControl.setColor(color);
setState(() {});
},
),
],
)
],
),
);
}
}
class OnlyImage extends StatelessWidget {
final Uint8List imageData;
const OnlyImage({Key? key, required this.imageData}) : super(key: key);
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('image'),
),
body: Image.memory(
imageData,
),
);
}
}