xieyinlu/iroute
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

books

Browse Source
This commit is contained in:
toly
2023-12-16 12:40:32 +08:00
parent ab2778a22b
commit 01fdf966c5
593 changed files with 8995 additions and 27753 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
analysis_options.yaml
View File

@@ -27,3 +27,6 @@ linter:
# Additional information about this file can be found at # Additional information about this file can be found at
# https://dart.dev/guides/language/analysis-options # https://dart.dev/guides/language/analysis-options
analyzer:
exclude:
- assets/**

1
assets/draw/p01/p01.dart Normal file
View File

@@ -0,0 +1 @@
export 'p01_page.dart';

20
assets/draw/p01/p01_page.dart Normal file
View File

@@ -0,0 +1,20 @@
import 'package:flutter/material.dart';
import 'package:flutter/src/gestures/events.dart';
import 'package:idraw/components/demo_shower.dart';
import 's01.dart' as s1;
import 's02.dart' as s2;
class P01Page extends StatelessWidget {
const P01Page({super.key});
@override
Widget build(BuildContext context) {
return const DemoShower(
srcCodeDir: 'draw/p01',
demos: [
s1.Paper(),
s2.Paper(),
],
);
}
}

0
packages/idraw/lib/p01/s01_page.dart → assets/draw/p01/s01.dart
View File

0
packages/idraw/lib/p01/s02_page.dart → assets/draw/p01/s02.dart
View File

1
assets/draw/p02/p02.dart Normal file
View File

@@ -0,0 +1 @@
export 'p02_page.dart';

42
assets/draw/p02/p02_page.dart Normal file
View File

@@ -0,0 +1,42 @@
import 'package:flutter/material.dart';
import 'package:idraw/components/demo_shower.dart';
import 's01.dart' as s1;
import 's02.dart' as s2;
import 's03.dart' as s3;
import 's04.dart' as s4;
import 's05.dart' as s5;
import 's06.dart' as s6;
import 's07.dart' as s7;
import 's08.dart' as s8;
import 's09.dart' as s9;
import 's10.dart' as s10;
import 's11.dart' as s11;
import 's12.dart' as s12;
import 's13.dart' as s13;
class P02Page extends StatelessWidget {
const P02Page({super.key});
@override
Widget build(BuildContext context) {
return const DemoShower(
srcCodeDir: 'draw/p02',
demos: [
s1.Paper(),
s2.Paper(),
s3.Paper(),
s4.Paper(),
s5.Paper(),
s6.Paper(),
s7.Paper(),
s8.Paper(),
s9.Paper(),
s10.Paper(),
s11.Paper(),
s12.Paper(),
s13.Paper(),
],
);
}
}

68
assets/draw/p02/s01.dart Normal file
View File

@@ -0,0 +1,68 @@
import 'package:flutter/material.dart';
class Paper extends StatelessWidget {
const Paper({super.key});
@override
Widget build(BuildContext context) {
return Container(
color: Colors.white,
child: CustomPaint(
// 使用CustomPaint
painter: PaperPainter(),
),
);
}
}
class PaperPainter extends CustomPainter {
@override
void paint(Canvas canvas, Size size) {
// drawIsAntiAliasColor(canvas);
drawStyleStrokeWidth(canvas);
}
// 测试 isAntiAlias 和 color属性
void drawIsAntiAliasColor(Canvas canvas) {
Paint paint = Paint();
canvas.drawCircle(
Offset(180, 180),
170,
paint
..color = Colors.blue
..strokeWidth = 5);
canvas.drawCircle(
Offset(180 + 360.0, 180),
170,
paint
..isAntiAlias = false
..color = Colors.red);
}
// 测试 style 和 strokeWidth 属性
void drawStyleStrokeWidth(Canvas canvas) {
Paint paint = Paint()..color = Colors.red;
canvas.drawCircle(
Offset(180, 180),
150,
paint
..style = PaintingStyle.stroke
..strokeWidth = 50);
canvas.drawCircle(
Offset(180 + 360.0, 180),
150,
paint
..strokeWidth = 50
..style = PaintingStyle.fill);
//测试线
canvas.drawLine(
Offset(0, 180 - 150.0),
Offset(1600, 180 - 150.0),
paint
..strokeWidth = 1
..color = Colors.blueAccent);
}
@override
bool shouldRepaint(CustomPainter oldDelegate) => false;
}

115
assets/draw/p02/s02.dart Normal file
View File

@@ -0,0 +1,115 @@
import 'package:flutter/material.dart';
class Paper extends StatelessWidget {
const Paper({super.key});
@override
Widget build(BuildContext context) {
return Container(
color: Colors.white,
child: CustomPaint(
// 使用CustomPaint
painter: PaperPainter(),
),
);
}
}
class PaperPainter extends CustomPainter {
@override
void paint(Canvas canvas, Size size) {
// drawStrokeCap(canvas);
// drawStrokeJoin(canvas);
drawStrokeMiterLimit(canvas);
}
// 测试 strokeCap 属性
void drawStrokeCap(Canvas canvas) {
Paint paint = Paint();
paint
..style = PaintingStyle.stroke
..color = Colors.blue
..strokeWidth = 20;
canvas.drawLine(
Offset(50, 50), Offset(50, 150), paint..strokeCap = StrokeCap.butt);
canvas.drawLine(Offset(50 + 50.0, 50), Offset(50 + 50.0, 150),
paint..strokeCap = StrokeCap.round);
canvas.drawLine(Offset(50 + 50.0 * 2, 50), Offset(50 + 50.0 * 2, 150),
paint..strokeCap = StrokeCap.square);
//测试线
canvas.drawLine(
Offset(0, 50),
Offset(1600, 50),
paint
..strokeWidth = 1
..color = Colors.cyanAccent);
canvas.drawLine(
Offset(0, 150),
Offset(1600, 150),
paint
..strokeWidth = 1
..color = Colors.cyanAccent);
}
// 测试 strokeJoin 属性
void drawStrokeJoin(Canvas canvas) {
Paint paint = Paint();
Path path = Path();
paint
..style = PaintingStyle.stroke
..color = Colors.blue
..strokeWidth = 20;
path.moveTo(50, 50);
path.lineTo(50, 150);
path.relativeLineTo(100, -50);
path.relativeLineTo(0, 100);
canvas.drawPath(path, paint..strokeJoin = StrokeJoin.bevel);
path.reset();
path.moveTo(50 + 150.0, 50);
path.lineTo(50 + 150.0, 150);
path.relativeLineTo(100, -50);
path.relativeLineTo(0, 100);
canvas.drawPath(path, paint..strokeJoin = StrokeJoin.miter);
path.reset();
path.moveTo(50 + 150.0 * 2, 50);
path.lineTo(50 + 150.0 * 2, 150);
path.relativeLineTo(100, -50);
path.relativeLineTo(0, 100);
canvas.drawPath(path, paint..strokeJoin = StrokeJoin.round);
}
// 测试 strokeMiterLimit 属性
void drawStrokeMiterLimit(Canvas canvas) {
Paint paint = Paint();
Path path = Path();
paint
..style = PaintingStyle.stroke
..color = Colors.blue
..strokeJoin = StrokeJoin.miter
..strokeWidth = 20;
for (int i = 0; i < 4; i++) {
path.reset();
path.moveTo(50 + 150.0 * i, 50);
path.lineTo(50 + 150.0 * i, 150);
path.relativeLineTo(100, -(40.0 * i + 20));
canvas.drawPath(path, paint..strokeMiterLimit = 2);
}
for (int i = 0; i < 4; i++) {
path.reset();
path.moveTo(50 + 150.0 * i, 50 + 150.0);
path.lineTo(50 + 150.0 * i, 150 + 150.0);
path.relativeLineTo(100, -(40.0 * i + 20));
canvas.drawPath(
path,
paint
..strokeMiterLimit = 3);
}
}
@override
bool shouldRepaint(CustomPainter oldDelegate) => false;
}

78
assets/draw/p02/s03.dart Normal file
View File

@@ -0,0 +1,78 @@
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'dart:ui' as ui;
/// create by 张风捷特烈 on 2020-03-19
/// contact me by email 1981462002@qq.com
/// 说明: 纸
class Paper extends StatelessWidget {
const Paper({super.key});
@override
Widget build(BuildContext context) {
return Container(
color: Colors.white,
child: CustomPaint(
// 使用CustomPaint
painter: PaperPainter(),
),
);
}
}
class PaperPainter extends CustomPainter {
@override
void paint(Canvas canvas, Size size) {
drawShaderLinear(canvas);
}
void drawShaderLinear(Canvas canvas) {
var colors = [
Color(0xFFF60C0C),
Color(0xFFF3B913),
Color(0xFFE7F716),
Color(0xFF3DF30B),
Color(0xFF0DF6EF),
Color(0xFF0829FB),
Color(0xFFB709F4),
];
var pos = [1.0 / 7, 2.0 / 7, 3.0 / 7, 4.0 / 7, 5.0 / 7, 6.0 / 7, 1.0];
Paint paint = Paint();
paint
..style = PaintingStyle.stroke
..color = Colors.blue
..strokeJoin = StrokeJoin.miter
..strokeWidth = 100;
paint.shader = ui.Gradient.linear(
Offset(0, 0), Offset(100, 0), colors, pos, TileMode.clamp);
canvas.drawLine(
Offset(0, 100),
Offset(200, 100),
paint,
);
paint.shader = ui.Gradient.linear(Offset(0 + 220.0, 0),
Offset(100 + 220.0, 0), colors, pos, TileMode.repeated);
canvas.drawLine(
Offset(0 + 220.0, 100),
Offset(200 + 220.0, 100),
paint,
);
paint.shader = ui.Gradient.linear(Offset(0 + 220.0 * 2, 0),
Offset(100 + 220.0 * 2, 0), colors, pos, TileMode.mirror);
canvas.drawLine(
Offset(0 + 220.0 * 2, 100),
Offset(200 + 220.0 * 2, 100),
paint,
);
}
@override
bool shouldRepaint(CustomPainter oldDelegate) => true;
}

80
assets/draw/p02/s04.dart Normal file
View File

@@ -0,0 +1,80 @@
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'dart:ui' as ui;
/// create by 张风捷特烈 on 2020-03-19
/// contact me by email 1981462002@qq.com
/// 说明: 纸
class Paper extends StatelessWidget{
const Paper({super.key});
@override
Widget build(BuildContext context) {
return CustomPaint(
painter: PaperPainter(),
);
}
}
class PaperPainter extends CustomPainter {
@override
void paint(Canvas canvas, Size size) {
drawShaderRadial(canvas);
}
void drawShaderRadial(Canvas canvas) {
var colors = [
Color(0xFFF60C0C),
Color(0xFFF3B913),
Color(0xFFE7F716),
Color(0xFF3DF30B),
Color(0xFF0DF6EF),
Color(0xFF0829FB),
Color(0xFFB709F4),
];
var pos = [1.0 / 7, 2.0 / 7, 3.0 / 7, 4.0 / 7, 5.0 / 7, 6.0 / 7, 1.0];
Paint paint = Paint();
paint
..style = PaintingStyle.fill
..color = Colors.blue;
paint.shader = ui.Gradient.radial(
Offset(80 + 150.0 * 0, 80), 25, colors, pos, TileMode.clamp);
canvas.drawCircle(
Offset(80 + 150.0 * 0, 80),
50,
paint,
);
paint.shader = ui.Gradient.radial(
Offset(80 + 150.0 * 1, 80), 25, colors, pos, TileMode.repeated);
canvas.drawCircle(
Offset(80 + 150.0 * 1, 80),
50,
paint,
);
paint.shader = ui.Gradient.radial(
Offset(80 + 150.0 * 2, 80), 25, colors, pos, TileMode.mirror);
canvas.drawCircle(
Offset(80 + 150.0 * 2, 80),
50,
paint,
);
paint.shader = ui.Gradient.radial(Offset(80 + 150.0 * 3, 80), 25, colors,
pos, TileMode.mirror, null, Offset(80 + 150.0 * 3 - 5, 80 - 5.0), 10);
canvas.drawCircle(
Offset(80 + 150.0 * 3, 80),
50,
paint,
);
}
@override
bool shouldRepaint(CustomPainter oldDelegate) => true;
}

82
assets/draw/p02/s05.dart Normal file
View File

@@ -0,0 +1,82 @@
import 'dart:math';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'dart:ui' as ui;
/// create by 张风捷特烈 on 2020-03-19
/// contact me by email 1981462002@qq.com
/// 说明: 纸
class Paper extends StatelessWidget{
const Paper({super.key});
@override
Widget build(BuildContext context) {
return CustomPaint(
painter: PaperPainter(),
);
}
}
class PaperPainter extends CustomPainter {
@override
void paint(Canvas canvas, Size size) {
drawShaderSweep(canvas);
}
void drawShaderSweep(Canvas canvas) {
var colors = [
Color(0xFFF60C0C),
Color(0xFFF3B913),
Color(0xFFE7F716),
Color(0xFF3DF30B),
Color(0xFF0DF6EF),
Color(0xFF0829FB),
Color(0xFFB709F4),
];
var pos = [1.0 / 7, 2.0 / 7, 3.0 / 7, 4.0 / 7, 5.0 / 7, 6.0 / 7, 1.0];
Paint paint = Paint();
paint
..style = PaintingStyle.fill
..color = Colors.blue;
paint.shader = ui.Gradient.sweep(
Offset(80 + 150.0 * 0, 80), colors, pos, TileMode.clamp, pi / 2, pi);
canvas.drawCircle(
Offset(80 + 150.0 * 0, 80),
50,
paint,
);
paint.shader = ui.Gradient.sweep(
Offset(80 + 150.0 * 1, 80), colors, pos, TileMode.repeated, pi / 2, pi);
canvas.drawCircle(
Offset(80 + 150.0 * 1, 80),
50,
paint,
);
paint.shader = ui.Gradient.sweep(
Offset(80 + 150.0 * 2, 80), colors, pos, TileMode.mirror, pi / 2, pi);
canvas.drawCircle(
Offset(80 + 150.0 * 2, 80),
50,
paint,
);
paint.shader = ui.Gradient.sweep(
Offset(80 + 150.0 * 3, 80), colors, pos, TileMode.clamp);
canvas.drawCircle(
Offset(80 + 150.0 * 3, 80),
50,
paint,
);
}
@override
bool shouldRepaint(CustomPainter oldDelegate) => true;
}

97
assets/draw/p02/s06.dart Normal file
View File

@@ -0,0 +1,97 @@
import 'dart:async';
import 'dart:typed_data';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'dart:ui' as ui;
import 'package:flutter/services.dart';
class Paper extends StatefulWidget {
const Paper({super.key});
@override
_PaperState createState() => _PaperState();
}
class _PaperState extends State<Paper> {
ui.Image? _img;
bool get hasImage => _img != null;
@override
void initState() {
_loadImage();
super.initState();
}
@override
Widget build(BuildContext context) {
return Container(
child: hasImage
? CustomPaint(
painter: ImageShaderPainter(_img),
)
: Container(),
);
}
void _loadImage() async {
_img = await loadImage(AssetImage('assets/images/wy_200x300.jpg'));
setState(() {});
}
late ImageStreamListener listener;
//异步加载图片成为ui.Image
Future<ui.Image> loadImage(ImageProvider provider) {
Completer<ui.Image> completer = Completer<ui.Image>();
ImageStream stream = provider.resolve(ImageConfiguration());
listener = ImageStreamListener((info, syno) {
final ui.Image image = info.image; //监听图片流，获取图片
completer.complete(image);
stream.removeListener(listener);
});
stream.addListener(listener);
return completer.future;
}
}
class ImageShaderPainter extends CustomPainter {
ui.Image? img;
late Paint _paint;
ImageShaderPainter(this.img) {
_paint = Paint();
}
@override
void paint(Canvas canvas, Size size) {
if(img==null) return;
_paint.shader = ImageShader(
img!,
TileMode.repeated,
TileMode.repeated,
Float64List.fromList([
1, 0, 0, 0,
0, 1, 0, 0,
0, 0, 1, 0,
0, 0, 0, 1,
]));
canvas.drawCircle(Offset(100, 100), 50, _paint);
canvas.drawCircle(
Offset(100 + 120.0, 100),
50,
_paint
..strokeWidth = 10
..style = PaintingStyle.stroke);
canvas.drawLine(
Offset(100 + 120.0 * 2, 50),
Offset(100 + 120.0 * 2, 50 + 100.0),
_paint
..strokeWidth = 30
..style = PaintingStyle.stroke);
}
@override
bool shouldRepaint(CustomPainter oldDelegate) => true;
}

54
assets/draw/p02/s07.dart Normal file
View File

@@ -0,0 +1,54 @@
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
/// create by 张风捷特烈 on 2020-03-19
/// contact me by email 1981462002@qq.com
/// 说明: 纸
class Paper extends StatelessWidget{
const Paper({super.key});
@override
Widget build(BuildContext context) {
return CustomPaint(
painter: PaperPainter(),
);
}
}
class PaperPainter extends CustomPainter {
@override
void paint(Canvas canvas, Size size) {
drawBlendMode(canvas,BlendMode.lighten);
canvas.translate(150, 0);
drawBlendMode(canvas,BlendMode.hue);
canvas.translate(150, 0);
drawBlendMode(canvas,BlendMode.plus);
canvas.translate(150, 0);
drawBlendMode(canvas,BlendMode.hardLight);
}
void drawBlendMode(Canvas canvas,BlendMode mode) {
var paint = Paint();
canvas.drawCircle(Offset(100, 100), 50, paint..color = Color(0x88ff0000));
canvas.drawCircle(
Offset(140, 70),
50,
paint
..color = Color(0x8800ff00)
..blendMode = mode);
canvas.drawCircle(
Offset(140, 130),
50,
paint
..color = Color(0x880000ff)
..blendMode = mode);
}
@override
bool shouldRepaint(CustomPainter oldDelegate) => true;
}

36
assets/draw/p02/s08.dart Normal file
View File

@@ -0,0 +1,36 @@
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
/// create by 张风捷特烈 on 2020-03-19
/// contact me by email 1981462002@qq.com
/// 说明: 纸
class Paper extends StatelessWidget{
const Paper({super.key});
@override
Widget build(BuildContext context) {
return CustomPaint(
painter: PaperPainter(),
);
}
}
class PaperPainter extends CustomPainter {
@override
void paint(Canvas canvas, Size size) {
drawInvertColors(canvas);
}
void drawInvertColors(Canvas canvas) {
var paint = Paint();
paint..color = Color(0xff009A44);
canvas.drawCircle(Offset(100, 100), 50, paint..invertColors = false);
canvas.drawCircle(Offset(100+120.0, 100), 50, paint..invertColors = true);
}
@override
bool shouldRepaint(CustomPainter oldDelegate) => true;
}

98
assets/draw/p02/s09.dart Normal file
View File

@@ -0,0 +1,98 @@
import 'dart:async';
import 'dart:typed_data';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'dart:ui' as ui;
/// create by 张风捷特烈 on 2020-03-19
/// contact me by email 1981462002@qq.com
/// 说明: 纸
class Paper extends StatefulWidget {
const Paper({super.key});
@override
_PaperState createState() => _PaperState();
}
class _PaperState extends State<Paper> {
ui.Image? _img;
bool get hasImage => _img != null;
@override
void initState() {
super.initState();
_loadImage();
}
void _loadImage() async {
_img = await loadImageFromAssets('assets/images/wy_200x300.jpg');
setState(() {});
}
//读取 assets 中的图片
Future<ui.Image>? loadImageFromAssets(String path) async {
ByteData data = await rootBundle.load(path);
Uint8List bytes = data.buffer.asUint8List(data.offsetInBytes, data.lengthInBytes);
return decodeImageFromList(bytes);
}
@override
Widget build(BuildContext context) {
return Container(
color: Colors.white,
child: CustomPaint(
painter: PaperPainter(_img),
));
}
}
class PaperPainter extends CustomPainter {
ui.Image? img;
PaperPainter(this.img);
@override
void paint(Canvas canvas, Size size) {
if (img == null) return;
drawColorFilter(canvas);
}
double get imgW => img?.width.toDouble()??0;
double get imgH => img?.height.toDouble()??0;
void drawColorFilter(Canvas canvas) {
var paint = Paint();
paint.colorFilter = ColorFilter.linearToSrgbGamma();
_drawImage(canvas, paint, move: false);
paint.colorFilter = ColorFilter.mode(Colors.yellow, BlendMode.modulate);
_drawImage(canvas, paint);
paint.colorFilter = ColorFilter.mode(Colors.yellow, BlendMode.difference);
_drawImage(canvas, paint);
paint.colorFilter = ColorFilter.mode(Colors.blue, BlendMode.plus);
_drawImage(canvas, paint);
paint.colorFilter = ColorFilter.mode(Colors.blue, BlendMode.lighten);
_drawImage(canvas, paint);
}
void _drawImage(Canvas canvas, Paint paint, {bool move = true}) {
if (move) {
canvas.translate(120, 0);
} else {
canvas.translate(20, 20);
}
canvas.drawImageRect(img!, Rect.fromLTRB(0, 0, imgW, imgH),
Rect.fromLTRB(0, 0, imgW / 2, imgH / 2), paint);
}
@override
bool shouldRepaint(CustomPainter oldDelegate) => true;
}

123
assets/draw/p02/s10.dart Normal file
View File

@@ -0,0 +1,123 @@
import 'dart:async';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'dart:ui' as ui;
/// create by 张风捷特烈 on 2020-03-19
/// contact me by email 1981462002@qq.com
/// 说明: 纸
class Paper extends StatefulWidget {
const Paper({super.key});
@override
_PaperState createState() => _PaperState();
}
class _PaperState extends State<Paper> {
ui.Image? _img;
bool get hasImage => _img != null;
@override
void initState() {
_loadImage();
super.initState();
}
void _loadImage() async {
_img = await loadImageFromAssets('assets/images/wy_200x300.jpg');
setState(() {});
}
//读取 assets 中的图片
Future<ui.Image>? loadImageFromAssets(String path) async {
ByteData data = await rootBundle.load(path);
return decodeImageFromList(data.buffer.asUint8List());
}
@override
Widget build(BuildContext context) {
return Container(
child: hasImage ? CustomPaint(
painter: PaperPainter(_img) ,
): Container(),
);
}
}
class PaperPainter extends CustomPainter {
ui.Image? img;
PaperPainter(this.img);
@override
void paint(Canvas canvas, Size size) {
if(img!=null) {
drawColorFilter(canvas);
}
}
double get imgW => img!.width.toDouble();
double get imgH => img!.height.toDouble();
void drawColorFilter(Canvas canvas) {
var paint =Paint();
const ColorFilter identity = ColorFilter.matrix(<double>[
1, 0, 0, 0, 0,
0, 1, 0, 0, 0,
0, 0, 1, 0, 0,
0, 0, 0, 1, 0,
]);
_drawImage(canvas, paint..colorFilter=identity,move: false);
const ColorFilter sepia = ColorFilter.matrix(<double>[
0.393, 0.769, 0.189, 0, 0,
0.349, 0.686, 0.168, 0, 0,
0.272, 0.534, 0.131, 0 , 0,
0, 0, 0, 1, 0,
]);
_drawImage(canvas, paint..colorFilter=sepia);
const ColorFilter invert = ColorFilter.matrix(<double>[
-1, 0, 0, 0, 255,
0, -1, 0, 0, 255,
0, 0, -1, 0, 255,
0, 0, 0, 1, 0,
]);
_drawImage(canvas, paint..colorFilter=invert);
const ColorFilter greyscale = ColorFilter.matrix(<double>[
0.2126, 0.7152, 0.0722, 0, 0,
0.2126, 0.7152, 0.0722, 0, 0,
0.2126, 0.7152, 0.0722, 0, 0,
0, 0, 0, 1, 0,
]);
_drawImage(canvas, paint..colorFilter=greyscale);
const n = 90.0;
const ColorFilter light = ColorFilter.matrix(<double>[
1,0,0,0,n,
0,1,0,0,n,
0,0,1,0,n,
0,0,0,1,0
]);
_drawImage(canvas, paint..colorFilter=light);
}
void _drawImage(Canvas canvas, Paint paint,{bool move=true}) {
if(move){
canvas.translate(120, 0);
}else{
canvas.translate(20, 20);
}
canvas.drawImageRect(img!,
Rect.fromLTRB(0, 0, imgW, imgH),
Rect.fromLTRB(0, 0, imgW/2, imgH/2),
paint);
}
@override
bool shouldRepaint(CustomPainter oldDelegate) => true;
}

97
assets/draw/p02/s11.dart Normal file
View File

@@ -0,0 +1,97 @@
import 'dart:async';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'dart:ui' as ui;
/// create by 张风捷特烈 on 2020-03-19
/// contact me by email 1981462002@qq.com
/// 说明: 纸
class Paper extends StatefulWidget {
const Paper({super.key});
@override
_PaperState createState() => _PaperState();
}
class _PaperState extends State<Paper> {
ui.Image? _img;
bool get hasImage => _img != null;
@override
void initState() {
_loadImage();
super.initState();
}
void _loadImage() async {
_img = await loadImageFromAssets('assets/images/wy_200x300.jpg');
setState(() {});
}
//读取 assets 中的图片
Future<ui.Image>? loadImageFromAssets(String path) async {
ByteData data = await rootBundle.load(path);
return decodeImageFromList(data.buffer.asUint8List());
}
@override
Widget build(BuildContext context) {
return Container(
child: hasImage ? CustomPaint(
painter: PaperPainter(_img) ,
): Container(),
);
}
}
class PaperPainter extends CustomPainter {
ui.Image? img;
PaperPainter(this.img);
@override
void paint(Canvas canvas, Size size) {
if(img!=null) {
drawMaskFilter(canvas);
}
}
double get imgW => img!.width.toDouble();
double get imgH => img!.height.toDouble();
void drawMaskFilter(Canvas canvas) {
var paint =Paint();
_drawImage(canvas, paint,move: false);
paint.maskFilter=MaskFilter.blur(BlurStyle.inner, 20);
_drawImage(canvas, paint);
paint.maskFilter=MaskFilter.blur(BlurStyle.outer, 3);
_drawImage(canvas, paint);
paint.maskFilter=MaskFilter.blur(BlurStyle.solid, 5);
_drawImage(canvas, paint);
paint.maskFilter=MaskFilter.blur(BlurStyle.normal, 3);
_drawImage(canvas, paint);
}
void _drawImage(Canvas canvas, Paint paint,{bool move=true}) {
if(move){
canvas.translate(120, 0);
}else{
canvas.translate(20, 20);
}
canvas.drawImageRect(img!,
Rect.fromLTRB(0, 0, imgW, imgH),
Rect.fromLTRB(0, 0, imgW/2, imgH/2),
paint);
}
@override
bool shouldRepaint(CustomPainter oldDelegate) => true;
}

100
assets/draw/p02/s12.dart Normal file
View File

@@ -0,0 +1,100 @@
import 'dart:async';
import 'dart:math';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'dart:ui' as ui;
/// create by 张风捷特烈 on 2020-03-19
/// contact me by email 1981462002@qq.com
/// 说明: 纸
class Paper extends StatefulWidget {
const Paper({super.key});
@override
_PaperState createState() => _PaperState();
}
class _PaperState extends State<Paper> {
ui.Image? _img;
bool get hasImage => _img != null;
@override
void initState() {
_loadImage();
super.initState();
}
void _loadImage() async {
_img = await loadImageFromAssets('assets/images/wy_200x300.jpg');
setState(() {});
}
//读取 assets 中的图片
Future<ui.Image>? loadImageFromAssets(String path) async {
ByteData data = await rootBundle.load(path);
return decodeImageFromList(data.buffer.asUint8List());
}
@override
Widget build(BuildContext context) {
return Container(
child: hasImage ? CustomPaint(
painter: PaperPainter(_img) ,
): Container(),
);
}
}
class PaperPainter extends CustomPainter {
ui.Image? img;
PaperPainter(this.img);
@override
void paint(Canvas canvas, Size size) {
if(img!=null) {
drawImageFilter(canvas);
}
}
double get imgW => img!.width.toDouble();
double get imgH => img!.height.toDouble();
void drawImageFilter(Canvas canvas) {
var paint =Paint();
_drawImage(canvas, paint,move: false);
paint.imageFilter=ui.ImageFilter.blur(sigmaX: 0.4,sigmaY: 0.4);
_drawImage(canvas, paint);
paint.imageFilter=ui.ImageFilter.blur(sigmaX: 0.6,sigmaY: 0.6);
_drawImage(canvas, paint);
paint.imageFilter=ui.ImageFilter.blur(sigmaX: 0.8,sigmaY: 0.8);
_drawImage(canvas, paint);
paint.imageFilter=ui.ImageFilter.matrix(
Matrix4.skew(pi/8,0).storage
);
_drawImage(canvas, paint);
}
void _drawImage(Canvas canvas, Paint paint,{bool move=true}) {
if(move){
canvas.translate(120, 0);
}else{
canvas.translate(20, 20);
}
canvas.drawImageRect(img!,
Rect.fromLTRB(0, 0, imgW, imgH),
Rect.fromLTRB(0, 0, imgW/2, imgH/2),
paint);
}
@override
bool shouldRepaint(CustomPainter oldDelegate) => true;
}

100
assets/draw/p02/s13.dart Normal file
View File

@@ -0,0 +1,100 @@
import 'dart:async';
import 'dart:math';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'dart:ui' as ui;
/// create by 张风捷特烈 on 2020-03-19
/// contact me by email 1981462002@qq.com
/// 说明: 纸
class Paper extends StatefulWidget {
const Paper({super.key});
@override
_PaperState createState() => _PaperState();
}
class _PaperState extends State<Paper> {
ui.Image? _img;
bool get hasImage => _img != null;
@override
void initState() {
_loadImage();
super.initState();
}
void _loadImage() async {
_img = await loadImageFromAssets('assets/images/wy_200x300.jpg');
setState(() {});
}
//读取 assets 中的图片
Future<ui.Image>? loadImageFromAssets(String path) async {
ByteData data = await rootBundle.load(path);
return decodeImageFromList(data.buffer.asUint8List());
}
@override
Widget build(BuildContext context) {
return Container(
child: hasImage ? CustomPaint(
painter: PaperPainter(_img) ,
): Container(),
);
}
}
class PaperPainter extends CustomPainter {
ui.Image? img;
PaperPainter(this.img);
@override
void paint(Canvas canvas, Size size) {
if(img!=null) {
drawFilterQuality(canvas);
}
}
double get imgW => img!.width.toDouble();
double get imgH => img!.height.toDouble();
void drawFilterQuality(Canvas canvas) {
var paint =Paint();
paint.imageFilter=ui.ImageFilter.blur(sigmaX: 0.6,sigmaY: 0.6);
paint.maskFilter=MaskFilter.blur(BlurStyle.inner, 20);
paint.colorFilter=ColorFilter.mode(Colors.yellow, BlendMode.modulate);
paint.filterQuality=FilterQuality.none;
_drawImage(canvas, paint,move: false);
paint.filterQuality=FilterQuality.low;
_drawImage(canvas, paint);
paint.filterQuality=FilterQuality.medium;
_drawImage(canvas, paint);
paint.filterQuality=FilterQuality.high;
_drawImage(canvas, paint);
}
void _drawImage(Canvas canvas, Paint paint,{bool move=true}) {
if(move){
canvas.translate(120, 0);
}else{
canvas.translate(20, 20);
}
canvas.drawImageRect(img!,
Rect.fromLTRB(0, 0, imgW, imgH),
Rect.fromLTRB(0, 0, imgW/2, imgH/2),
paint);
}
@override
bool shouldRepaint(CustomPainter oldDelegate) => true;
}

1
assets/draw/p03/p03.dart Normal file
View File

@@ -0,0 +1 @@
export 'p03_page.dart';

42
assets/draw/p03/p03_page.dart Normal file
View File

@@ -0,0 +1,42 @@
import 'package:flutter/material.dart';
import 'package:idraw/components/demo_shower.dart';
import 's01.dart' as s1;
import 's02.dart' as s2;
import 's03.dart' as s3;
import 's04.dart' as s4;
import 's05.dart' as s5;
import 's06.dart' as s6;
import 's07.dart' as s7;
import 's08.dart' as s8;
import 's09.dart' as s9;
import 's10.dart' as s10;
import 's11.dart' as s11;
import 's12.dart' as s12;
import 's13.dart' as s13;
class P03Page extends StatelessWidget {
const P03Page({super.key});
@override
Widget build(BuildContext context) {
return const DemoShower(
srcCodeDir: 'draw/p03',
demos: [
s1.Paper(),
s2.Paper(),
s3.Paper(),
s4.Paper(),
s5.Paper(),
s6.Paper(),
s7.Paper(),
s8.Paper(),
s9.Paper(),
s10.Paper(),
s11.Paper(),
s12.Paper(),
s13.Paper(),
],
);
}
}

45
assets/draw/p03/s01.dart Normal file
View File

@@ -0,0 +1,45 @@
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
/// create by 张风捷特烈 on 2020-03-19
/// contact me by email 1981462002@qq.com
/// 说明: 纸
class Paper extends StatelessWidget {
const Paper({super.key});
@override
Widget build(BuildContext context) {
return Container(
color: Colors.white,
child: CustomPaint( // 使用CustomPaint
painter: PaperPainter(),
),
);
}
}
class PaperPainter extends CustomPainter {
@override
void paint(Canvas canvas, Size size) {
var paint = Paint()
..style = PaintingStyle.fill
..color = Colors.blue;
// 画布起点移到屏幕中心
canvas.translate(size.width / 2, size.height / 2);
canvas.drawCircle(Offset(0, 0), 50, paint);
canvas.drawLine(
Offset(20, 20),
Offset(50, 50),
paint
..color = Colors.red
..strokeWidth = 5
..strokeCap = StrokeCap.round
..style = PaintingStyle.stroke);
}
@override
bool shouldRepaint(CustomPainter oldDelegate) => false;
}

96
assets/draw/p03/s02.dart Normal file
View File

@@ -0,0 +1,96 @@
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
/// create by 张风捷特烈 on 2020-03-19
/// contact me by email 1981462002@qq.com
/// 说明: 纸
class Paper extends StatelessWidget {
const Paper({super.key});
@override
Widget build(BuildContext context) {
return Container(
color: Colors.white,
child: CustomPaint(
// 使用CustomPaint
painter: PaperPainter(),
),
);
}
}
class PaperPainter extends CustomPainter {
late Paint _gridPint; // 画笔
final double step = 20; // 小格边长
final double strokeWidth = .5; // 线宽
final Color color = Colors.grey; // 线颜色
PaperPainter() {
_gridPint = Paint()
..style = PaintingStyle.stroke
..strokeWidth = strokeWidth
..color = color;
}
@override
void paint(Canvas canvas, Size size) {
canvas.translate(size.width / 2, size.height / 2);
_drawGrid(canvas, size);
_drawPart(canvas);
}
void _drawPart(Canvas canvas) {
var paint = Paint()
..style = PaintingStyle.fill
..color = Colors.blue;
canvas.drawCircle(Offset(0, 0), 50, paint);
canvas.drawLine(
Offset(20, 20),
Offset(50, 50),
paint
..color = Colors.red
..strokeWidth = 5
..strokeCap = StrokeCap.round
..style = PaintingStyle.stroke);
}
void _drawGrid(Canvas canvas, Size size) {
_drawBottomRight(canvas, size);
canvas.save();
canvas.scale(1, -1); //沿x轴镜像
_drawBottomRight(canvas, size);
canvas.restore();
canvas.save();
canvas.scale(-1, 1); //沿y轴镜像
_drawBottomRight(canvas, size);
canvas.restore();
canvas.save();
canvas.scale(-1, -1); //沿原点镜像
_drawBottomRight(canvas, size);
canvas.restore();
}
void _drawBottomRight(Canvas canvas, Size size) {
canvas.save();
for (int i = 0; i < size.height / 2 / step; i++) {
canvas.drawLine(Offset(0, 0), Offset(size.width / 2, 0), _gridPint);
canvas.translate(0, step);
}
canvas.restore();
canvas.save();
for (int i = 0; i < size.width / 2 / step; i++) {
canvas.drawLine(Offset(0, 0), Offset(0, size.height / 2), _gridPint);
canvas.translate(step , 0);
}
canvas.restore();
}
@override
bool shouldRepaint(CustomPainter oldDelegate) => true;
}

111
assets/draw/p03/s03.dart Normal file
View File

@@ -0,0 +1,111 @@
import 'dart:math';
import 'package:flutter/material.dart';
/// create by 张风捷特烈 on 2020-03-19
/// contact me by email 1981462002@qq.com
/// 说明: 纸
class Paper extends StatelessWidget {
const Paper({super.key});
@override
Widget build(BuildContext context) {
return Container(
color: Colors.white,
child: CustomPaint(
// 使用CustomPaint
painter: PaperPainter(),
),
);
}
}
class PaperPainter extends CustomPainter {
late Paint _gridPint;
final double step = 20;
final double strokeWidth = .5;
PaperPainter() {
_gridPint = Paint()
..style = PaintingStyle.stroke
..strokeWidth = strokeWidth
..color = Colors.grey;
}
@override
void paint(Canvas canvas, Size size) {
canvas.translate(size.width / 2, size.height / 2);
_drawGrid(canvas, size);
var paint = Paint()
..style = PaintingStyle.fill
..color = Colors.blue;
_drawPart(canvas, paint);
_drawDot(canvas, paint);
}
void _drawPart(Canvas canvas, Paint paint) {
canvas.drawCircle(Offset(0, 0), 50, paint);
canvas.drawLine(
Offset(20, 20),
Offset(50, 50),
paint
..color = Colors.red
..strokeWidth = 5
..strokeCap = StrokeCap.round
..style = PaintingStyle.stroke);
}
void _drawDot(Canvas canvas, Paint paint) {
final int count = 12;
paint
..color = Colors.orangeAccent
..style = PaintingStyle.stroke;
canvas.save();
for (int i = 0; i < count; i++) {
var step = 2 * pi / count;
canvas.drawLine(Offset(80, 0), Offset(100, 0), paint);
canvas.rotate(step);
}
canvas.restore();
}
void _drawGrid(Canvas canvas, Size size) {
_drawBottomRight(canvas, size);
canvas.save();
canvas.scale(1, -1); //沿x轴镜像
_drawBottomRight(canvas, size);
canvas.restore();
canvas.save();
canvas.scale(-1, 1); //沿y轴镜像
_drawBottomRight(canvas, size);
canvas.restore();
canvas.save();
canvas.scale(-1, -1); //沿原点镜像
_drawBottomRight(canvas, size);
canvas.restore();
}
void _drawBottomRight(Canvas canvas, Size size) {
canvas.save();
for (int i = 0; i < size.height / 2 / step; i++) {
canvas.drawLine(Offset(0, 0), Offset(size.width / 2, 0), _gridPint);
canvas.translate(0, step);
}
canvas.restore();
canvas.save();
for (int i = 0; i < size.width / 2 / step; i++) {
canvas.drawLine(Offset(0, 0), Offset(0, size.height / 2), _gridPint);
canvas.translate(step , 0);
}
canvas.restore();
}
@override
bool shouldRepaint(CustomPainter oldDelegate) => false;
}

156
assets/draw/p03/s04.dart Normal file
View File

@@ -0,0 +1,156 @@
import 'dart:math';
import 'dart:typed_data';
import 'dart:ui';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
/// create by 张风捷特烈 on 2020-03-19
/// contact me by email 1981462002@qq.com
/// 说明: 纸
class Paper extends StatelessWidget {
const Paper({super.key});
@override
Widget build(BuildContext context) {
return Container(
color: Colors.white,
child: CustomPaint( // 使用CustomPaint
painter: PaperPainter(),
),
);
}
}
class PaperPainter extends CustomPainter {
late Paint _paint;
late Paint _gridPint;
final double step = 20;
final double strokeWidth = 0.5;
final Color color = Colors.blue;
PaperPainter() {
_paint = Paint()
..style = PaintingStyle.fill
..strokeWidth = strokeWidth
..color = color;
_gridPint = Paint()
..style = PaintingStyle.stroke
..strokeWidth = strokeWidth
..color = Colors.grey;
}
@override
void paint(Canvas canvas, Size size) {
canvas.translate(size.width / 2, size.height / 2);
_drawGrid(canvas, size);
_drawAxis(canvas,size);
_drawPointsWithPoints(canvas);
// _drawPointsWithLines(canvas);
_drawPointLineWithPolygon(canvas);
_drawRawPoints(canvas);
}
final List<Offset> points = [
Offset(-120, -20),
Offset(-80, -80),
Offset(-40, -40),
Offset(0, -100),
Offset(40, -140),
Offset(80, -160),
Offset(120, -100),
];
void _drawPointsWithPoints(Canvas canvas) {
_paint
..color = Colors.red
..style = PaintingStyle.stroke..strokeWidth=10
..strokeCap = StrokeCap.round;
canvas.drawPoints(PointMode.points, points, _paint);
}
void _drawPointsWithLines(Canvas canvas) {
_paint
..color = Colors.red
..style = PaintingStyle.stroke
..strokeWidth = 1
..strokeCap = StrokeCap.round;
canvas.drawPoints(PointMode.lines, points, _paint);
}
void _drawPointLineWithPolygon(Canvas canvas) {
_paint
..color = Colors.red
..style = PaintingStyle.stroke
..strokeWidth = 1
..strokeCap = StrokeCap.round;
canvas.drawPoints(PointMode.polygon, points, _paint);
}
void _drawRawPoints(Canvas canvas) {
Float32List pos = Float32List.fromList([
-120, -20,-80, -80,-40,
-40,0, -100,40, -140,
80, -160,120, -100]);
_paint
..color = Colors.red
..style = PaintingStyle.stroke
..strokeWidth = 10
..strokeCap = StrokeCap.round;
canvas.drawRawPoints(PointMode.points, pos, _paint);
}
void _drawAxis(Canvas canvas, Size size) {
_paint..color=Colors.blue..strokeWidth=1.5;
canvas.drawLine(Offset(-size.width/2, 0) , Offset(size.width/2, 0),_paint);
canvas.drawLine(Offset( 0,-size.height/2) , Offset( 0,size.height/2),_paint);
canvas.drawLine(Offset( 0,size.height/2) , Offset( 0-7.0,size.height/2-10),_paint);
canvas.drawLine(Offset( 0,size.height/2) , Offset( 0+7.0,size.height/2-10),_paint);
canvas.drawLine(Offset(size.width/2, 0) , Offset(size.width/2-10, 7),_paint);
canvas.drawLine(Offset(size.width/2, 0) , Offset(size.width/2-10, -7),_paint);
}
@override
bool shouldRepaint(CustomPainter oldDelegate) => false;
void _drawGrid(Canvas canvas, Size size) {
_drawBottomRight(canvas, size);
canvas.save();
canvas.scale(1, -1); //沿x轴镜像
_drawBottomRight(canvas, size);
canvas.restore();
canvas.save();
canvas.scale(-1, 1); //沿y轴镜像
_drawBottomRight(canvas, size);
canvas.restore();
canvas.save();
canvas.scale(-1, -1); //沿原点镜像
_drawBottomRight(canvas, size);
canvas.restore();
}
void _drawBottomRight(Canvas canvas, Size size) {
canvas.save();
for (int i = 0; i < size.height / 2 / step; i++) {
canvas.drawLine(Offset(0, 0), Offset(size.width / 2, 0), _gridPint);
canvas.translate(0, step);
}
canvas.restore();
canvas.save();
for (int i = 0; i < size.width / 2 / step; i++) {
canvas.drawLine(Offset(0, 0), Offset(0, size.height / 2), _gridPint);
canvas.translate(step , 0);
}
canvas.restore();
}
}

133
assets/draw/p03/s05.dart Normal file
View File

@@ -0,0 +1,133 @@
import 'dart:math';
import 'dart:typed_data';
import 'dart:ui';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import '../components/coordinate.dart';
/// create by 张风捷特烈 on 2020-03-19
/// contact me by email 1981462002@qq.com
/// 说明: 纸
class Paper extends StatelessWidget {
const Paper({super.key});
@override
Widget build(BuildContext context) {
return Container(
color: Colors.white,
child: CustomPaint(
// 使用CustomPaint
painter: PaperPainter(),
),
);
}
}
class PaperPainter extends CustomPainter {
final Coordinate coordinate = Coordinate();
late Paint _paint;
final double strokeWidth = 0.5;
final Color color = Colors.blue;
PaperPainter() {
_paint = Paint()
..style = PaintingStyle.fill
..strokeWidth = strokeWidth
..color = color;
}
@override
void paint(Canvas canvas, Size size) {
coordinate.paint(canvas, size);
canvas.translate(size.width / 2, size.height / 2);
_drawDRRect(canvas);
canvas.translate(-240, 0);
_drawRect(canvas);
canvas.translate(480, 0);
_drawRRect(canvas);
}
void _drawRect(Canvas canvas) {
_paint
..color = Colors.blue
..strokeWidth = 1.5;
//【1】.矩形中心构造
Rect rectFromCenter =
Rect.fromCenter(center: Offset(0, 0), width: 160, height: 160);
canvas.drawRect(rectFromCenter, _paint);
//【2】.矩形左上右下构造
Rect rectFromLTRB = Rect.fromLTRB(-120, -120, -80, -80);
canvas.drawRect(rectFromLTRB, _paint..color = Colors.red);
//【3】. 矩形左上宽高构造
Rect rectFromLTWH = Rect.fromLTWH(80, -120, 40, 40);
canvas.drawRect(rectFromLTWH, _paint..color = Colors.orange);
//【4】. 矩形内切圆构造
Rect rectFromCircle = Rect.fromCircle(center: Offset(100, 100), radius: 20);
canvas.drawRect(rectFromCircle, _paint..color = Colors.green);
//【5】. 矩形两点构造
Rect rectFromPoints = Rect.fromPoints(Offset(-120, 80), Offset(-80, 120));
canvas.drawRect(rectFromPoints, _paint..color = Colors.purple);
}
void _drawRRect(Canvas canvas) {
_paint
..color = Colors.blue
..strokeWidth = 1.5;
//【1】.圆角矩形fromRectXY构造
Rect rectFromCenter =
Rect.fromCenter(center: Offset(0, 0), width: 160, height: 160);
canvas.drawRRect(RRect.fromRectXY(rectFromCenter, 40, 20), _paint);
//【2】.圆角矩形fromLTRBXY构造
canvas.drawRRect(RRect.fromLTRBXY(-120, -120, -80, -80, 10, 10),
_paint..color = Colors.red);
//【3】. 圆角矩形fromLTRBR构造
canvas.drawRRect(RRect.fromLTRBR(80, -120, 120, -80, Radius.circular(10)),
_paint..color = Colors.orange);
//【4】. 圆角矩形fromLTRBAndCorners构造
canvas.drawRRect(
RRect.fromLTRBAndCorners(80, 80, 120, 120,
bottomRight: Radius.elliptical(10, 10)),
_paint..color = Colors.green);
//【5】. 矩形两点构造
Rect rectFromPoints = Rect.fromPoints(Offset(-120, 80), Offset(-80, 120));
canvas.drawRRect(
RRect.fromRectAndCorners(rectFromPoints,
bottomLeft: Radius.elliptical(10, 10)),
_paint..color = Colors.purple);
}
void _drawDRRect(Canvas canvas) {
_paint
..color = Colors.blue
..strokeWidth = 1.5;
Rect outRect =
Rect.fromCenter(center: Offset(0, 0), width: 160, height: 160);
Rect inRect =
Rect.fromCenter(center: Offset(0, 0), width: 100, height: 100);
canvas.drawDRRect(RRect.fromRectXY(outRect, 20, 20),
RRect.fromRectXY(inRect, 20, 20), _paint);
Rect outRect2 =
Rect.fromCenter(center: Offset(0, 0), width: 60, height: 60);
Rect inRect2 = Rect.fromCenter(center: Offset(0, 0), width: 40, height: 40);
canvas.drawDRRect(RRect.fromRectXY(outRect2, 15, 15),
RRect.fromRectXY(inRect2, 10, 10), _paint..color = Colors.green);
}
@override
bool shouldRepaint(CustomPainter oldDelegate) => false;
}

91
assets/draw/p03/s06.dart Normal file
View File

@@ -0,0 +1,91 @@
import 'dart:math';
import 'dart:typed_data';
import 'dart:ui';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import '../components/coordinate.dart';
/// create by 张风捷特烈 on 2020-03-19
/// contact me by email 1981462002@qq.com
/// 说明: 纸
class Paper extends StatelessWidget {
const Paper({super.key});
@override
Widget build(BuildContext context) {
return Container(
color: Colors.white,
child: CustomPaint(
// 使用CustomPaint
painter: PaperPainter(),
),
);
}
}
class PaperPainter extends CustomPainter {
final Coordinate coordinate = Coordinate();
late Paint _paint;
final double strokeWidth = 0.5;
final Color color = Colors.blue;
PaperPainter() {
_paint = Paint()
..style = PaintingStyle.fill
..strokeWidth = strokeWidth
..color = color;
}
@override
void paint(Canvas canvas, Size size) {
coordinate.paint(canvas, size);
canvas.translate(size.width / 2, size.height / 2);
_draw(canvas);
}
void _draw(Canvas canvas) {
canvas.save();
canvas.translate(-200, 0);
canvas.drawCircle(Offset(0, 0), 60, _paint);
canvas.restore();
var rect = Rect.fromCenter(center: Offset(0, 0), height: 100, width: 120);
canvas.drawOval(rect, _paint);
canvas.save();
canvas.translate(200, 0);
//drawArc(矩形区域,起始弧度,扫描弧度,是否连中心,画笔)
canvas.drawArc(rect, 0, pi / 2 * 3, true, _paint);
canvas.restore();
}
void _drawArcDetail(Canvas canvas) {
var rect = Rect.fromCenter(center: Offset(0, 0), height: 100, width: 100);
_paint
..style = PaintingStyle.stroke
..strokeWidth = 2;
canvas.save();
canvas.translate(-200, 0);
canvas.drawArc(rect, 0, pi / 2 * 3, false, _paint);
canvas.restore();
canvas.drawArc(rect, 0, pi / 2 * 3, true, _paint);
canvas.save();
canvas.translate(200, 0);
var a = pi / 8;
canvas.drawArc(rect, a, 2 * pi - a.abs() * 2, true, _paint..color=Colors.yellowAccent..style=PaintingStyle.fill);
canvas.translate(40, 0);
canvas.drawCircle(Offset(0, 0), 6, _paint);
canvas.translate(25, 0);
canvas.drawCircle(Offset(0, 0), 6, _paint);
canvas.restore();
}
@override
bool shouldRepaint(CustomPainter oldDelegate) => false;
}

45
assets/draw/p03/s07.dart Normal file
View File

@@ -0,0 +1,45 @@
import 'dart:math';
import 'dart:typed_data';
import 'dart:ui';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import '../components/coordinate.dart';
/// create by 张风捷特烈 on 2020-03-19
/// contact me by email 1981462002@qq.com
/// 说明: 纸
class Paper extends StatelessWidget {
const Paper({super.key});
@override
Widget build(BuildContext context) {
return Container(
color: Colors.white,
child: CustomPaint(
// 使用CustomPaint
painter: PaperPainter(),
),
);
}
}
class PaperPainter extends CustomPainter {
final Coordinate coordinate = Coordinate();
final double strokeWidth = 0.5;
final Color color = Colors.blue;
@override
void paint(Canvas canvas, Size size) {
coordinate.paint(canvas, size);
canvas.translate(size.width / 2, size.height / 2);
canvas.drawColor(Colors.blue, BlendMode.lighten);
}
@override
bool shouldRepaint(CustomPainter oldDelegate) => false;
}

74
assets/draw/p03/s08.dart Normal file
View File

@@ -0,0 +1,74 @@
import 'dart:math';
import 'dart:typed_data';
import 'dart:ui' as ui;
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import '../components/coordinate.dart';
/// create by 张风捷特烈 on 2020-03-19
/// contact me by email 1981462002@qq.com
/// 说明: 纸
class Paper extends StatelessWidget {
const Paper({super.key});
@override
Widget build(BuildContext context) {
return Container(
color: Colors.white,
child: CustomPaint(
// 使用CustomPaint
painter: PaperPainter(),
),
);
}
}
class PaperPainter extends CustomPainter {
final Coordinate coordinate = Coordinate();
late Paint _paint;
final double strokeWidth = 0.5;
final Color color = Colors.blue;
PaperPainter() {
_paint = Paint()
..style = PaintingStyle.fill
..strokeWidth = strokeWidth
..color = color;
}
@override
void paint(Canvas canvas, Size size) {
coordinate.paint(canvas, size);
var colors = [
Color(0xFFF60C0C),
Color(0xFFF3B913),
Color(0xFFE7F716),
Color(0xFF3DF30B),
Color(0xFF0DF6EF),
Color(0xFF0829FB),
Color(0xFFB709F4),
];
var pos = [1.0 / 7, 2.0 / 7, 3.0 / 7, 4.0 / 7, 5.0 / 7, 6.0 / 7, 1.0];
_paint.shader = ui.Gradient.linear(
Offset(0, 0), Offset(size.width, 0),
colors, pos, TileMode.clamp);
_paint.blendMode=BlendMode.lighten;
canvas.drawPaint(_paint);
}
@override
bool shouldRepaint(CustomPainter oldDelegate) => false;
}

73
assets/draw/p03/s09.dart Normal file
View File

@@ -0,0 +1,73 @@
import 'dart:math';
import 'dart:typed_data';
import 'dart:ui' as ui;
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import '../components/coordinate.dart';
/// create by 张风捷特烈 on 2020-03-19
/// contact me by email 1981462002@qq.com
/// 说明: 纸
class Paper extends StatelessWidget {
const Paper({super.key});
@override
Widget build(BuildContext context) {
return Container(
color: Colors.white,
child: CustomPaint(
// 使用CustomPaint
painter: PaperPainter(),
),
);
}
}
class PaperPainter extends CustomPainter {
final Coordinate coordinate = Coordinate();
final double strokeWidth = 0.5;
final Color color = Colors.blue;
@override
void paint(Canvas canvas, Size size) {
// coordinate.paint(canvas, size);
canvas.translate(size.width / 2, size.height / 2);
Paint paint = Paint()
..style = PaintingStyle.fill
..color = Colors.white
..isAntiAlias = true;
double relativeX = 100;
double angle = 0;
double width = 10;
double height = 10;
double center = relativeX + width / 2;
if(angle == 0) {
center = relativeX + width/4;
} else if (angle == 2) {
center = relativeX + width/4*3;
}
Path trianglePath = Path()
..addPolygon([Offset(relativeX, height), Offset(relativeX + width, height), Offset(center, 0),], false)..close();
Path rectanglePath = Path()
..addRRect(RRect.fromLTRBR(0, 10, 160, 100, Radius.circular(8)))..close();
canvas.drawShadow(Path.combine(PathOperation.xor, trianglePath, rectanglePath), Colors.black, 3, false);
canvas.drawPath(Path.combine(PathOperation.xor, trianglePath, rectanglePath), paint..color = Colors.white);
paint.maskFilter = MaskFilter.blur(BlurStyle.inner, 20);
canvas.drawPath(Path.combine(PathOperation.xor, trianglePath, rectanglePath), paint..color=Color(0xffBEC4C0));
}
@override
bool shouldRepaint(CustomPainter oldDelegate) => false;
}

68
assets/draw/p03/s10.dart Normal file
View File

@@ -0,0 +1,68 @@
import 'dart:math';
import 'dart:typed_data';
import 'dart:ui' as ui;
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import '../components/coordinate.dart';
/// create by 张风捷特烈 on 2020-03-19
/// contact me by email 1981462002@qq.com
/// 说明: 纸
class Paper extends StatelessWidget {
const Paper({super.key});
@override
Widget build(BuildContext context) {
return Container(
color: Colors.white,
child: CustomPaint(
// 使用CustomPaint
painter: PaperPainter(),
),
);
}
}
class PaperPainter extends CustomPainter {
final Coordinate coordinate = Coordinate();
late Paint _paint;
final double strokeWidth = 0.5;
final Color color = Colors.blue;
PaperPainter() {
_paint = Paint()
..style = PaintingStyle.fill
..strokeWidth = strokeWidth
..color = color;
}
@override
void paint(Canvas canvas, Size size) {
coordinate.paint(canvas, size);
canvas.translate(size.width / 2, size.height / 2);
Path path = Path();
path.lineTo(60, 60);
path.lineTo(-60, 60);
path.lineTo(60, -60);
path.lineTo(-60, -60);
path.close();
canvas.drawPath(path, _paint);
canvas.translate(140, 0);
canvas.drawPath(
path,
_paint
..style = PaintingStyle.stroke
..strokeWidth = 2);
}
@override
bool shouldRepaint(CustomPainter oldDelegate) => false;
}

79
assets/draw/p03/s11.dart Normal file
View File

@@ -0,0 +1,79 @@
import 'dart:math';
import 'dart:typed_data';
import 'dart:ui' as ui;
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import '../components/coordinate.dart';
/// create by 张风捷特烈 on 2020-03-19
/// contact me by email 1981462002@qq.com
/// 说明: 纸
class Paper extends StatelessWidget {
const Paper({super.key});
@override
Widget build(BuildContext context) {
return Container(
color: Colors.white,
child: CustomPaint(
// 使用CustomPaint
painter: PaperPainter(),
),
);
}
}
class PaperPainter extends CustomPainter {
final Coordinate coordinate = Coordinate();
late Paint _paint;
final double strokeWidth = 0.5;
final Color color = Colors.blue;
PaperPainter() {
_paint = Paint()
..style = PaintingStyle.fill
..strokeWidth = strokeWidth
..color = color;
}
@override
void paint(Canvas canvas, Size size) {
coordinate.paint(canvas, size);
canvas.translate(size.width / 2, size.height / 2);
// canvas.save();
var rect = Rect.fromCenter(center: Offset.zero,width: 360,height: 240);
canvas.clipRect(rect,doAntiAlias: true,clipOp: ui.ClipOp.intersect);
var colors = [
Color(0xFFF60C0C),
Color(0xFFF3B913),
Color(0xFFE7F716),
Color(0xFF3DF30B),
Color(0xFF0DF6EF),
Color(0xFF0829FB),
Color(0xFFB709F4),
];
var pos = [1.0 / 7, 2.0 / 7, 3.0 / 7, 4.0 / 7, 5.0 / 7, 6.0 / 7, 1.0];
_paint.shader = ui.Gradient.linear(
rect.centerLeft, rect.centerRight,
colors, pos, TileMode.clamp);
_paint.blendMode=BlendMode.lighten;
canvas.drawPaint(_paint);
// canvas.restore();
// canvas.drawColor(Colors.blue, BlendMode.lighten);
}
@override
bool shouldRepaint(CustomPainter oldDelegate) => false;
}

49
assets/draw/p03/s12.dart Normal file
View File

@@ -0,0 +1,49 @@
import 'dart:math';
import 'dart:typed_data';
import 'dart:ui' as ui;
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import '../components/coordinate.dart';
/// create by 张风捷特烈 on 2020-03-19
/// contact me by email 1981462002@qq.com
/// 说明: 纸
class Paper extends StatelessWidget {
const Paper({super.key});
@override
Widget build(BuildContext context) {
return Container(
color: Colors.white,
child: CustomPaint(
// 使用CustomPaint
painter: PaperPainter(),
),
);
}
}
class PaperPainter extends CustomPainter {
final Coordinate coordinate = Coordinate();
final double strokeWidth = 0.5;
final Color color = Colors.blue;
@override
void paint(Canvas canvas, Size size) {
coordinate.paint(canvas, size);
canvas.translate(size.width / 2, size.height / 2);
// canvas.save();
var rect = Rect.fromCenter(center: Offset.zero,width: 200,height: 100);
canvas.clipRRect(RRect.fromRectAndRadius(rect, Radius.circular(30)));
canvas.drawColor(Colors.red, BlendMode.darken);
}
@override
bool shouldRepaint(CustomPainter oldDelegate) => false;
}

52
assets/draw/p03/s13.dart Normal file
View File

@@ -0,0 +1,52 @@
import 'dart:math';
import 'dart:typed_data';
import 'dart:ui' as ui;
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import '../components/coordinate.dart';
/// create by 张风捷特烈 on 2020-03-19
/// contact me by email 1981462002@qq.com
/// 说明: 纸
class Paper extends StatelessWidget {
const Paper({super.key});
@override
Widget build(BuildContext context) {
return Container(
color: Colors.white,
child: CustomPaint(
// 使用CustomPaint
painter: PaperPainter(),
),
);
}
}
class PaperPainter extends CustomPainter {
final Coordinate coordinate = Coordinate();
final double strokeWidth = 0.5;
final Color color = Colors.blue;
@override
void paint(Canvas canvas, Size size) {
coordinate.paint(canvas, size);
canvas.translate(size.width / 2, size.height / 2);
Path path = Path();
path.lineTo(80, 80);
path.lineTo(-80, 80);
path.close();
canvas.clipPath(path);
canvas.drawColor(Colors.red, BlendMode.darken);
}
@override
bool shouldRepaint(CustomPainter oldDelegate) => false;
}

1
assets/draw/p04/p04.dart Normal file
View File

@@ -0,0 +1 @@
export 'p04_page.dart';

31
assets/draw/p04/p04_page.dart Normal file
View File

@@ -0,0 +1,31 @@
import 'package:flutter/material.dart';
import 'package:idraw/components/demo_shower.dart';
import 's01.dart' as s1;
import 's02.dart' as s2;
import 's03.dart' as s3;
import 's04.dart' as s4;
import 's05.dart' as s5;
import 's06.dart' as s6;
import 's07.dart' as s7;
class P04Page extends StatelessWidget {
const P04Page({super.key});
@override
Widget build(BuildContext context) {
return const DemoShower(
srcCodeDir: 'draw/p04',
demos: [
s1.Paper(),
s2.Paper(),
s3.Paper(),
s4.Paper(),
s5.Paper(),
s6.Paper(),
s7.Paper(),
],
);
}
}

83
assets/draw/p04/s01.dart Normal file
View File

@@ -0,0 +1,83 @@
import 'dart:async';
import 'dart:ui' as ui;
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import '../components/coordinate.dart';
/// create by 张风捷特烈 on 2020-03-19
/// contact me by email 1981462002@qq.com
/// 说明: 纸
class Paper extends StatefulWidget {
const Paper({super.key});
@override
_PaperState createState() => _PaperState();
}
class _PaperState extends State<Paper> {
ui.Image? _image;
@override
void initState() {
super.initState();
_loadImage();
}
void _loadImage() async {
_image =
await loadImageFromAssets('assets/images/wy_300x200.jpg');
setState(() {});
}
@override
Widget build(BuildContext context) {
return Container(
color: Colors.white, child: CustomPaint(painter: PaperPainter(_image)));
}
//读取 assets 中的图片
Future<ui.Image>? loadImageFromAssets(String path) async {
ByteData data = await rootBundle.load(path);
return decodeImageFromList(data.buffer.asUint8List());
}
}
class PaperPainter extends CustomPainter {
late Paint _paint;
final double strokeWidth = 0.5;
final Color color = Colors.blue;
final ui.Image? image;
final Coordinate coordinate = Coordinate();
PaperPainter(this.image) {
_paint = Paint()
..style = PaintingStyle.fill
..strokeWidth = strokeWidth
..color = color;
}
@override
void paint(Canvas canvas, Size size) {
coordinate.paint(canvas, size);
canvas.translate(size.width / 2, size.height / 2);
_drawImage(canvas);
}
@override
bool shouldRepaint(PaperPainter oldDelegate) =>
image != oldDelegate.image;
void _drawImage(Canvas canvas) {
if (image != null) {
canvas.drawImage(
image!, Offset(-image!.width / 2, -image!.height / 2), _paint);
}
}
}

118
assets/draw/p04/s02.dart Normal file
View File

@@ -0,0 +1,118 @@
import 'dart:async';
import 'dart:math';
import 'dart:typed_data';
import 'dart:ui' as ui;
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import '../components/coordinate.dart';
/// create by 张风捷特烈 on 2020-03-19
/// contact me by email 1981462002@qq.com
/// 说明: 纸
class Paper extends StatefulWidget {
const Paper({super.key});
@override
_PaperState createState() => _PaperState();
}
class _PaperState extends State<Paper> {
@override
void initState() {
super.initState();
_loadImage();
}
void _loadImage() async {
_image =
await loadImageFromAssets('assets/images/wy_300x200.jpg');
setState(() {});
}
ui.Image? _image;
@override
Widget build(BuildContext context) {
return Container(
color: Colors.white,
child: CustomPaint(
painter: PaperPainter(
_image,
)));
}
//读取 assets 中的图片
Future<ui.Image>? loadImageFromAssets(String path) async {
ByteData data = await rootBundle.load(path);
return decodeImageFromList(data.buffer.asUint8List());
}
}
class PaperPainter extends CustomPainter {
late Paint _paint;
final double strokeWidth = 0.5;
final Color color = Colors.blue;
final ui.Image? image;
final Coordinate coordinate = Coordinate();
PaperPainter(this.image) {
_paint = Paint()
..style = PaintingStyle.fill
..strokeWidth = strokeWidth
..color = color;
}
@override
void paint(Canvas canvas, Size size) {
coordinate.paint(canvas, size);
canvas.translate(size.width / 2, size.height / 2);
_drawImage(canvas);
_drawImageRect(canvas);
}
@override
bool shouldRepaint(PaperPainter oldDelegate) => image != oldDelegate.image;
void _drawImage(Canvas canvas) {
if (image != null) {
canvas.drawImage(
image!, Offset(-image!.width / 2, -image!.height / 2), _paint);
}
}
void _drawImageRect(Canvas canvas) {
if (image != null) {
canvas.drawImageRect(
image!,
Rect.fromCenter(
center: Offset(image!.width / 2, image!.height / 2),
width: 60,
height: 60),
Rect.fromLTRB(0, 0, 100, 100).translate(200, 0),
_paint);
canvas.drawImageRect(
image!,
Rect.fromCenter(
center: Offset(image!.width / 2, image!.height / 2 - 60),
width: 60,
height: 60),
Rect.fromLTRB(0, 0, 100, 100).translate(-280, -100),
_paint);
canvas.drawImageRect(
image!,
Rect.fromCenter(
center: Offset(image!.width / 2 + 60, image!.height / 2),
width: 60,
height: 60),
Rect.fromLTRB(0, 0, 100, 100).translate(-280, 50),
_paint);
}
}
}

129
assets/draw/p04/s03.dart Normal file
View File

@@ -0,0 +1,129 @@
import 'dart:async';
import 'dart:ui' as ui;
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import '../components/coordinate.dart';
/// create by 张风捷特烈 on 2020-03-19
/// contact me by email 1981462002@qq.com
/// 说明: 纸
///
class Paper extends StatefulWidget {
const Paper({super.key});
@override
_PaperState createState() => _PaperState();
}
class _PaperState extends State<Paper> {
@override
void initState() {
super.initState();
_loadImage();
}
void _loadImage() async {
_image =
await loadImageFromAssets('assets/images/right_chat.png');
setState(() {});
}
ui.Image? _image;
@override
Widget build(BuildContext context) {
return Container(
color: Colors.white,
child: CustomPaint(
painter: PaperPainter(
_image,
)));
}
//读取 assets 中的图片
Future<ui.Image>? loadImageFromAssets(String path) async {
ByteData data = await rootBundle.load(path);
return decodeImageFromList(data.buffer.asUint8List());
}
}
class PaperPainter extends CustomPainter {
late Paint _paint;
final double strokeWidth = 0.5;
final Color color = Colors.blue;
final ui.Image? image;
final Coordinate coordinate = Coordinate();
PaperPainter(this.image) {
_paint = Paint()
..style = PaintingStyle.fill
..strokeWidth = strokeWidth
..color = color;
}
@override
void paint(Canvas canvas, Size size) {
coordinate.paint(canvas, size);
canvas.translate(size.width / 2, size.height / 2);
_drawImageNine(canvas);
}
@override
bool shouldRepaint(PaperPainter oldDelegate) => image != oldDelegate.image;
void _drawImageNine(Canvas canvas) {
if (image != null) {
canvas.drawImageNine(
image!,
Rect.fromCenter(
center: Offset(image!.width / 2, image!.height - 6.0),
width: image!.width - 20.0,
height: 2.0),
Rect.fromCenter(
center: Offset(
0,
0,
),
width: 300,
height: 120),
_paint);
canvas.drawImageNine(
image!,
Rect.fromCenter(
center: Offset(image!.width / 2, image!.height - 6.0),
width: image!.width - 20.0,
height: 2.0),
Rect.fromCenter(
center: Offset(
0,
0,
),
width: 100,
height: 50)
.translate(250, 0),
_paint);
canvas.drawImageNine(
image!,
Rect.fromCenter(
center: Offset(image!.width / 2, image!.height - 6.0),
width: image!.width - 20.0,
height: 2.0),
Rect.fromCenter(
center: Offset(
0,
0,
),
width: 80,
height: 250)
.translate(-250, 0),
_paint);
}
}
}

121
assets/draw/p04/s04.dart Normal file
View File

@@ -0,0 +1,121 @@
import 'dart:async';
import 'dart:math';
import 'dart:ui' as ui;
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import '../components/coordinate.dart';
/// create by 张风捷特烈 on 2020-03-19
/// contact me by email 1981462002@qq.com
/// 说明: 纸
///
class Paper extends StatefulWidget {
const Paper({super.key});
@override
_PaperState createState() => _PaperState();
}
class _PaperState extends State<Paper> {
@override
void initState() {
super.initState();
_loadImage();
}
void _loadImage() async {
_image =
await loadImageFromAssets('assets/images/shoot.png');
setState(() {});
}
ui.Image? _image;
@override
Widget build(BuildContext context) {
return Container(
color: Colors.white,
child: CustomPaint(
painter: PaperPainter(
_image,
)));
}
//读取 assets 中的图片
Future<ui.Image>? loadImageFromAssets(String path) async {
ByteData data = await rootBundle.load(path);
return decodeImageFromList(data.buffer.asUint8List());
}
}
class PaperPainter extends CustomPainter {
late Paint _paint;
final double strokeWidth = 0.5;
final Color color = Colors.blue;
final ui.Image? image;
final Coordinate coordinate = Coordinate();
final List<Sprite> allSprites = [];
PaperPainter(this.image) {
_paint = Paint()
..style = PaintingStyle.fill
..strokeWidth = strokeWidth
..color = color;
}
@override
void paint(Canvas canvas, Size size) {
if (image == null) {
return;
}
coordinate.paint(canvas, size);
allSprites.add(Sprite(
position: Rect.fromLTWH(0, 325, 257, 166),
offset: Offset(0, 0),
alpha: 255,
rotation: 0));
allSprites.add(Sprite(
position: Rect.fromLTWH(0, 325, 257, 166),
offset: Offset(257, 130),
alpha: 255,
rotation: 0));
final List<RSTransform> transforms = allSprites
.map((sprite) => RSTransform.fromComponents(
rotation: sprite.rotation,
scale: 1.0,
anchorX: sprite.anchor.dx,
anchorY: sprite.anchor.dy,
translateX: sprite.offset.dx,
translateY: sprite.offset.dy,
))
.toList();
final List<Rect> rects =
allSprites.map((sprite) => sprite.position).toList();
canvas.drawAtlas(image!, transforms, rects, null, null, null, _paint);
}
@override
bool shouldRepaint(PaperPainter oldDelegate) => image != oldDelegate.image;
}
class Sprite {
Rect position; // 雪碧图 中 图片矩形区域
Offset offset; // 移动偏倚
Offset anchor; // 移动偏倚
int alpha; // 透明度
double rotation; // 旋转角度
Sprite({this.offset=Offset.zero,this.anchor=Offset.zero, this.alpha=255, this.rotation=0,required this.position});
}

135
assets/draw/p04/s05.dart Normal file
View File

@@ -0,0 +1,135 @@
import 'dart:async';
import 'dart:math';
import 'dart:typed_data';
import 'dart:ui' as ui;
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import '../components/coordinate.dart';
/// create by 张风捷特烈 on 2020-03-19
/// contact me by email 1981462002@qq.com
/// 说明: 纸
///
class Paper extends StatefulWidget {
const Paper({super.key});
@override
_PaperState createState() => _PaperState();
}
class _PaperState extends State<Paper> {
@override
void initState() {
super.initState();
_loadImage();
}
void _loadImage() async {
_image =
await loadImageFromAssets('assets/images/shoot.png');
setState(() {});
}
ui.Image? _image;
@override
Widget build(BuildContext context) {
return Container(
color: Colors.white,
child: CustomPaint(
painter: PaperPainter(
_image,
)));
}
//读取 assets 中的图片
Future<ui.Image>? loadImageFromAssets(String path) async {
ByteData data = await rootBundle.load(path);
return decodeImageFromList(data.buffer.asUint8List());
}
}
class PaperPainter extends CustomPainter {
late Paint _paint;
final double strokeWidth = 0.5;
final Color color = Colors.blue;
final ui.Image? image;
final Coordinate coordinate = Coordinate();
final List<Sprite> allSprites = [];
PaperPainter(this.image) {
_paint = Paint()
..style = PaintingStyle.fill
..strokeWidth = strokeWidth
..color = color;
}
@override
void paint(Canvas canvas, Size size) {
if (image == null) {
return;
}
coordinate.paint(canvas, size);
allSprites.add(Sprite(
position: Rect.fromLTWH(0, 325, 257, 166),
offset: Offset(0, 0),
alpha: 255,
rotation: 0));
allSprites.add(Sprite(
position: Rect.fromLTWH(0, 325, 257, 166),
offset: Offset(257, 130),
alpha: 255,
rotation: 0));
Float32List rectList = Float32List(allSprites.length * 4);
Float32List transformList = Float32List(allSprites.length * 4);
for (int i = 0; i < allSprites.length; i++) {
final Sprite sprite = allSprites[i];
rectList[i * 4 + 0] = sprite.position.left;
rectList[i * 4 + 1] = sprite.position.top;
rectList[i * 4 + 2] = sprite.position.right;
rectList[i * 4 + 3] = sprite.position.bottom;
final RSTransform transform = RSTransform.fromComponents(
rotation: sprite.rotation,
scale: 1.0,
anchorX: sprite.anchor.dx,
anchorY: sprite.anchor.dy,
translateX: sprite.offset.dx,
translateY: sprite.offset.dy,
);
transformList[i * 4 + 0] = transform.scos;
transformList[i * 4 + 1] = transform.ssin;
transformList[i * 4 + 2] = transform.tx;
transformList[i * 4 + 3] = transform.ty;
}
canvas.drawRawAtlas(image!, transformList, rectList, null, null, null, _paint);
}
@override
bool shouldRepaint(PaperPainter oldDelegate) => image != oldDelegate.image;
}
class Sprite {
Rect position; // 雪碧图 中 图片矩形区域
Offset offset; // 移动偏倚
Offset anchor; // 移动偏倚
int alpha; // 透明度
double rotation; // 旋转角度
Sprite({this.offset=Offset.zero,this.anchor=Offset.zero, this.alpha=255, this.rotation=0,required this.position});
}

137
assets/draw/p04/s06.dart Normal file
View File

@@ -0,0 +1,137 @@
import 'dart:ui' as ui;
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import '../components/coordinate.dart';
/// create by 张风捷特烈 on 2020-03-19
/// contact me by email 1981462002@qq.com
/// 说明: 纸
class Paper extends StatelessWidget {
const Paper({super.key});
@override
Widget build(BuildContext context) {
return Container(
color: Colors.white,
child: CustomPaint(
// 使用CustomPaint
painter: PaperPainter(),
),
);
}
}
class PaperPainter extends CustomPainter {
final Coordinate coordinate = Coordinate();
late Paint _paint;
final double strokeWidth = 0.5;
final Color color = Colors.blue;
PaperPainter() {
_paint = Paint()
..style = PaintingStyle.fill
..strokeWidth = strokeWidth
..color = color;
}
@override
void paint(Canvas canvas, Size size) {
coordinate.paint(canvas, size);
canvas.translate(size.width / 2, size.height / 2);
// _drawTextWithParagraph(canvas,TextAlign.left);
// _drawTextWithParagraph(canvas,TextAlign.center);
// _drawTextWithParagraph(canvas,TextAlign.right);
// _drawWithTextPaint(canvas);
// _drawTextPaintShowSize(canvas);
_drawTextPaintWithPaint(canvas);
}
void _drawTextWithParagraph(Canvas canvas, TextAlign textAlign) {
var builder = ui.ParagraphBuilder(ui.ParagraphStyle(
textAlign: textAlign,
fontSize: 40,
textDirection: TextDirection.ltr,
maxLines: 1,
));
builder.pushStyle(
ui.TextStyle(
color: Colors.black87, textBaseline: ui.TextBaseline.alphabetic),
);
builder.addText("Flutter Unit");
ui.Paragraph paragraph = builder.build();
paragraph.layout(ui.ParagraphConstraints(width: 300));
canvas.drawParagraph(paragraph, Offset(0, 0));
canvas.drawRect(Rect.fromLTRB(0, 0, 300, 40),
_paint..color = Colors.blue.withAlpha(33));
}
void _drawWithTextPaint(Canvas canvas) {
var textPainter = TextPainter(
text: TextSpan(
text: 'Flutter Unit',
style: TextStyle(fontSize: 40, color: Colors.black)),
textAlign: TextAlign.center,
textDirection: TextDirection.ltr);
// 进行布局
textPainter.layout();
textPainter.paint(canvas, Offset.zero);
}
void _drawTextPaintShowSize(Canvas canvas) {
TextPainter textPainter = TextPainter(
text: TextSpan(
text: 'Flutter Unit',
style: TextStyle(
// foreground: Paint()..style=PaintingStyle.stroke,
fontSize: 40,
color: Colors.black)),
textAlign: TextAlign.center,
textDirection: TextDirection.ltr);
textPainter.layout(); // 进行布局
Size size = textPainter.size; // 尺寸必须在布局后获取
textPainter.paint(canvas, Offset(-size.width / 2, -size.height / 2));
canvas.drawRect(
Rect.fromLTRB(0, 0, size.width, size.height)
.translate(-size.width / 2, -size.height / 2),
_paint..color = Colors.blue.withAlpha(33));
}
void _drawTextPaintWithPaint(Canvas canvas) {
Paint textPaint = Paint()
..style = PaintingStyle.stroke
..strokeWidth = 1;
TextPainter textPainter = TextPainter(
text: TextSpan(
text: 'Flutter Unit by 张风捷特烈',
style: TextStyle(
foreground: textPaint, fontSize: 40)),
textAlign: TextAlign.center,
textDirection: TextDirection.ltr);
textPainter.layout(maxWidth: 280); // 进行布局
Size size = textPainter.size; // 尺寸必须在布局后获取
textPainter.paint(canvas, Offset(-size.width / 2, -size.height / 2));
canvas.drawRect(
Rect.fromLTRB(0, 0, size.width, size.height)
.translate(-size.width / 2, -size.height / 2),
_paint..color = Colors.blue.withAlpha(33));
}
@override
bool shouldRepaint(PaperPainter oldDelegate) => false;
}

125
assets/draw/p04/s07.dart Normal file
View File

@@ -0,0 +1,125 @@
import 'dart:ui' as ui;
import 'package:flutter/material.dart';
import '../components/coordinate.dart';
/// create by 张风捷特烈 on 2020-03-19
/// contact me by email 1981462002@qq.com
/// 说明: 纸
class Paper extends StatelessWidget {
const Paper({super.key});
@override
Widget build(BuildContext context) {
return Container(
color: Colors.white,
child: CustomPaint(
// 使用CustomPaint
painter: PaperPainter(),
),
);
}
}
class PaperPainter extends CustomPainter {
final Coordinate coordinate = Coordinate(step: 25);
late Paint _paint;
final double strokeWidth = 0.5;
final Color color = Colors.blue;
PaperPainter() {
_paint = Paint()
..style = PaintingStyle.fill
..strokeWidth = strokeWidth
..color = color;
}
@override
void paint(Canvas canvas, Size size) {
coordinate.paint(canvas, size);
canvas.translate(size.width / 2, size.height / 2);
_drawTextLeft(canvas);
_drawTextTextAlignRight(canvas);
_drawTextPaint(canvas, "100", offset: Offset(0, 0));
}
void _drawTextLeft(Canvas canvas) {
var builder = ui.ParagraphBuilder(ui.ParagraphStyle(
textAlign: TextAlign.left,
fontSize: 40,
textDirection: TextDirection.ltr,
maxLines: 1,
))
..pushStyle(
ui.TextStyle(
color: Colors.black87, textBaseline: ui.TextBaseline.alphabetic),
)
..addText("Flutter Unit");
canvas.drawParagraph(
builder.build()..layout(ui.ParagraphConstraints(width: 300)),
Offset(0, -100));
canvas.drawRect(Rect.fromLTRB(0, 0 - 100.0, 300, 40 - 100.0),
_paint..color = Colors.blue.withAlpha(33));
}
void _drawTextCenter(Canvas canvas,String str) {
var builder = ui.ParagraphBuilder(ui.ParagraphStyle(
textAlign: TextAlign.center,
fontSize: 12,
textDirection: TextDirection.ltr,
maxLines: 1,
))
..pushStyle(
ui.TextStyle(
color: Colors.black87, textBaseline: ui.TextBaseline.alphabetic),
)
..addText(str);
canvas.drawParagraph(
builder.build()..layout(ui.ParagraphConstraints(width: 12.0*str.length)),
Offset(0, 0));
}
void _drawTextTextAlignRight(Canvas canvas) {
var builder = ui.ParagraphBuilder(ui.ParagraphStyle(
textAlign: TextAlign.right,
fontSize: 40,
textDirection: TextDirection.ltr,
maxLines: 1,
))
..pushStyle(
ui.TextStyle(
color: Colors.black87, textBaseline: ui.TextBaseline.alphabetic),
)
..addText("Flutter Unit");
canvas.drawParagraph(
builder.build()..layout(ui.ParagraphConstraints(width: 300)),
Offset(0, 100));
canvas.drawRect(Rect.fromLTRB(0, 0 + 100.0, 300, 40 + 100.0),
_paint..color = Colors.blue.withAlpha(33));
}
void _drawTextPaint(Canvas canvas, String text,
{Offset offset = Offset.zero}) {
TextPainter(
text: TextSpan(
text: text, style: TextStyle(fontSize: 12, color: Colors.black)),
textAlign: TextAlign.left,
textDirection: TextDirection.ltr)
..layout(maxWidth: 300)
..paint(canvas, offset);
canvas.drawRect(Rect.fromLTRB(0, 0, 300, 40),
_paint..color = Colors.blue.withAlpha(33));
}
@override
bool shouldRepaint(PaperPainter oldDelegate) => false;
}

1
assets/draw/p05/p05.dart Normal file
View File

@@ -0,0 +1 @@
export 'p05_page.dart';

39
assets/draw/p05/p05_page.dart Normal file
View File

@@ -0,0 +1,39 @@
import 'package:flutter/material.dart';
import 'package:idraw/components/demo_shower.dart';
import 's01.dart' as s1;
import 's02.dart' as s2;
import 's03.dart' as s3;
import 's04.dart' as s4;
import 's05.dart' as s5;
import 's06.dart' as s6;
import 's07.dart' as s7;
import 's08.dart' as s8;
import 's09.dart' as s9;
import 's10.dart' as s10;
import 's11.dart' as s11;
class P05Page extends StatelessWidget {
const P05Page({super.key});
@override
Widget build(BuildContext context) {
return const DemoShower(
srcCodeDir: 'draw/p05',
demos: [
s1.Paper(),
s2.Paper(),
s3.Paper(),
s4.Paper(),
s5.Paper(),
s6.Paper(),
s7.Paper(),
s8.Paper(),
s9.Paper(),
s10.Paper(),
s11.Paper(),
],
);
}
}

58
assets/draw/p05/s01.dart Normal file
View File

@@ -0,0 +1,58 @@
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import '../components/coordinate.dart';
/// create by 张风捷特烈 on 2020/5/1
/// contact me by email 1981462002@qq.com
/// 说明:
class Paper extends StatelessWidget {
const Paper({super.key});
@override
Widget build(BuildContext context) {
return Container(
color: Colors.white,
child: CustomPaint(
// 使用CustomPaint
painter: PaperPainter(),
),
);
}
}
class PaperPainter extends CustomPainter {
final Coordinate coordinate = Coordinate();
@override
void paint(Canvas canvas, Size size) {
coordinate.paint(canvas, size);
canvas.translate(size.width / 2, size.height / 2);
Path path = Path();
Paint paint = Paint()
..color = Colors.deepPurpleAccent
..style = PaintingStyle.fill;
path
..moveTo(0, 0) //移至(0,0)点
..lineTo(60, 80) //从(0,0)画线到(60, 80) 点
..lineTo(60, 0) //从(60,80)画线到(60, 0) 点
..lineTo(0, -80) //从(60, 0) 画线到(0, -80)点
..close(); //闭合路径
canvas.drawPath(path, paint);
paint
..style = PaintingStyle.stroke
..strokeWidth = 2;
path
..moveTo(0, 0)
..lineTo(-60, 80)
..lineTo(-60, 0)
..lineTo(0, -80);
canvas.drawPath(path, paint);
}
@override
bool shouldRepaint(CustomPainter oldDelegate) => false;
}

60
assets/draw/p05/s02.dart Normal file
View File

@@ -0,0 +1,60 @@
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import '../components/coordinate.dart';
/// create by 张风捷特烈 on 2020-03-19
/// contact me by email 1981462002@qq.com
/// 说明: 纸
class Paper extends StatelessWidget {
const Paper({super.key});
@override
Widget build(BuildContext context) {
return Container(
color: Colors.white,
child: CustomPaint(
// 使用CustomPaint
painter: PaperPainter(),
),
);
}
}
class PaperPainter extends CustomPainter {
final Coordinate coordinate = Coordinate();
@override
void paint(Canvas canvas, Size size) {
coordinate.paint(canvas, size);
canvas.translate(size.width / 2, size.height / 2);
Path path = Path();
Paint paint = Paint()
..color = Colors.green
..style = PaintingStyle.fill;
path
..relativeMoveTo(0, 0)
..relativeLineTo(100, 120)
..relativeLineTo(-10, -60)
..relativeLineTo( 60,-10,)
..close();
canvas.drawPath(path, paint);
path.reset();
paint
..style = PaintingStyle.stroke..color=Colors.green
..strokeWidth = 2;
path
..relativeMoveTo(-200, 0)
..relativeLineTo(100, 120)
..relativeLineTo(-10, -60)
..relativeLineTo( 60,-10,)..close();
canvas.drawPath(path, paint);
}
@override
bool shouldRepaint(CustomPainter oldDelegate) => false;
}

54
assets/draw/p05/s03.dart Normal file
View File

@@ -0,0 +1,54 @@
import 'dart:math';
import 'package:flutter/material.dart';
import '../components/coordinate.dart';
/// create by 张风捷特烈 on 2020-03-19
/// contact me by email 1981462002@qq.com
/// 说明: 纸
class Paper extends StatelessWidget {
const Paper({super.key});
@override
Widget build(BuildContext context) {
return Container(
color: Colors.white,
child: CustomPaint(
// 使用CustomPaint
painter: PaperPainter(),
),
);
}
}
class PaperPainter extends CustomPainter {
final Coordinate coordinate = Coordinate();
@override
void paint(Canvas canvas, Size size) {
coordinate.paint(canvas, size);
canvas.translate(size.width / 2, size.height / 2);
Path path = Path();
Paint paint = Paint()
..color = Colors.purpleAccent
..strokeWidth = 2
..style = PaintingStyle.stroke;
var rect = Rect.fromCenter(center: Offset(0, 0), width: 160, height: 100);
path.lineTo(30, 30);
path..arcTo(rect, 0, pi * 1.5, true);
canvas.drawPath(path, paint);
path.reset();
canvas.translate(200, 0);
path.lineTo(30, 30);
path..arcTo(rect, 0, pi * 1.5, false);
canvas.drawPath(path, paint);
}
@override
bool shouldRepaint(CustomPainter oldDelegate) => false;
}

77
assets/draw/p05/s04.dart Normal file
View File

@@ -0,0 +1,77 @@
import 'package:flutter/material.dart';
import '../components/coordinate.dart';
/// create by 张风捷特烈 on 2020/5/1
/// contact me by email 1981462002@qq.com
/// 说明:
class Paper extends StatelessWidget {
const Paper({super.key});
@override
Widget build(BuildContext context) {
return Container(
color: Colors.white,
child: CustomPaint(
// 使用CustomPaint
painter: PaperPainter(),
),
);
}
}
class PaperPainter extends CustomPainter {
final Coordinate coordinate = Coordinate();
@override
void paint(Canvas canvas, Size size) {
coordinate.paint(canvas, size);
canvas.translate(size.width / 2, size.height / 2);
Path path = Path();
Paint paint = Paint()
..color = Colors.purpleAccent
..strokeWidth = 2
..style = PaintingStyle.stroke;
path.lineTo(80, -40);
//绘制中间
path
..arcToPoint(
Offset(40, 40),
radius: Radius.circular(60),
largeArc: false,
)
..close();
canvas.drawPath(path, paint);
//绘制左侧
path.reset();
canvas.translate(-150, 0);
path.lineTo(80, -40);
path
..arcToPoint(Offset(40, 40),
radius: Radius.circular(60), largeArc: true, clockwise: false)
..close();
canvas.drawPath(path, paint);
//绘制右侧
path.reset();
canvas.translate(150 + 150.0, 0);
path.lineTo(80, -40);
path
..arcToPoint(
Offset(40, 40),
radius: Radius.circular(60),
largeArc: true,
)
..close();
canvas.drawPath(path, paint);
}
@override
bool shouldRepaint(CustomPainter oldDelegate) => false;
}

Some files were not shown because too many files have changed in this diff Show More