Flutter 画笔(Paint)、drawCircle(绘制圆)、PaintingStyle

最新推荐文章于 2024-06-13 15:40:05 发布

好像要长脑子了1

最新推荐文章于 2024-06-13 15:40:05 发布

阅读量660

点赞数 15

分类专栏：程序员文章标签： flutter 前端 java

本文链接：https://blog.csdn.net/2301_79600088/article/details/137188411

版权

程序员专栏收录该内容

269 篇文章 0 订阅

订阅专栏

…invertColors = false;

canvas.drawCircle(Offset(size.width/2, size.height/6), size.width/6, paint);

canvas.drawCircle(Offset(size.width/2, size.height/6*1.4), size.width/6, paint…color=Colors.deepPurpleAccent);

canvas.drawCircle(Offset(size.width/2, size.height/6*1.8), size.width/6, paint…color=Colors.deepOrange);

canvas.drawCircle(Offset(size.width/2, size.height/6*2.2), size.width/6, paint…color=Colors.amber);

canvas.drawCircle(Offset(size.width/2, size.height/6*2.6), size.width/6, paint…color=Colors.blue);

canvas.drawCircle(Offset(size.width/2, size.height/6*3.0), size.width/6, paint…color=Colors.purple);

}

//在实际场景中正确利用此回调可以避免重绘开销，本示例我们简单的返回true

@override

bool shouldRepaint(CustomPainter oldDelegate) => true;

}

class MyPainter extends CustomPainter {

@override

void paint(Canvas canvas, Size size) {

var paint = Paint()

…isAntiAlias = true

…strokeWidth = 1.0

…style = PaintingStyle.fill

…color = Colors.red

…invertColors = false;

canvas.drawCircle(Offset(size.width/2, size.height/6), size.width/6, paint…color=Colors.red.withOpacity(0.1));

canvas.drawCircle(Offset(size.width/2, size.height/6*1.4), size.width/6, paint…color=Colors.red.withOpacity(0.14));

canvas.drawCircle(Offset(size.width/2, size.height/6*1.8), size.width/6, paint…color=Colors.red.withOpacity(0.18));

canvas.drawCircle(Offset(size.width/2, size.height/6*2.2), size.width/6, paint…color=Colors.red.withOpacity(0.22));

canvas.drawCircle(Offset(size.width/2, size.height/6*2.6), size.width/6, paint…color=Colors.red.withOpacity(0.26));

canvas.drawCircle(Offset(size.width/2, size.height/6*3.0), size.width/6, paint…color=Colors.red.withOpacity(0.30));

canvas.drawCircle(Offset(size.width/2, size.height/6*3.0), size.width/6, paint…color=Colors.red.withOpacity(0.34));

canvas.drawCircle(Offset(size.width/2, size.height/6*3.0), size.width/6, paint…color=Colors.red.withOpacity(0.38));

canvas.drawCircle(Offset(size.width/2, size.height/6*3.0), size.width/6, paint…color=Colors.red.withOpacity(0.42));

canvas.drawCircle(Offset(size.width/2, size.height/6*3.0), size.width/6, paint…color=Colors.red.withOpacity(0.46));

}

//在实际场景中正确利用此回调可以避免重绘开销，本示例我们简单的返回true

@override

bool shouldRepaint(CustomPainter oldDelegate) => true;

}

PaintingStyle.fill（用画笔绘制边框）

class MyPainter extends CustomPainter {

@override

void paint(Canvas canvas, Size size) {

var paint = Paint()

…isAntiAlias = true

…strokeWidth = 1.0

…style = PaintingStyle.stroke

…color = Colors.green

…invertColors = false;

canvas.drawCircle(Offset(size.width/2, size.height/2), size.width/2, paint);

}

//在实际场景中正确利用此回调可以避免重绘开销，本示例我们简单的返回true

@override

bool shouldRepaint(CustomPainter oldDelegate) => true;

}

class MyPainter extends CustomPainter {

@override

void paint(Canvas canvas, Size size) {

var paint = Paint()

…isAntiAlias = true

…strokeWidth = 1.0

…style = PaintingStyle.stroke

…color = Colors.green

…invertColors = false;

canvas.drawCircle(Offset(size.width/2, size.height/2), size.width/2, paint);

canvas.drawCircle(Offset(size.width/2, size.height/2), size.width/2.5, paint…color=Colors.red);

canvas.drawCircle(Offset(size.width/2, size.height/2), size.width/4, paint…color=Colors.deepPurpleAccent);

}

//在实际场景中正确利用此回调可以避免重绘开销，本示例我们简单的返回true

@override

bool shouldRepaint(CustomPainter oldDelegate) => true;

}

class MyPainter extends CustomPainter {

@override

void paint(Canvas canvas, Size size) {

var paint = Paint()

…isAntiAlias = true

…strokeWidth = 1.0

…style = PaintingStyle.stroke

…color = Colors.green

…invertColors = false;

canvas.drawCircle(Offset(size.width/2, size.height/6), size.width/6, paint);

canvas.drawCircle(Offset(size.width/2, size.height/6*1.4), size.width/6, paint…color=Colors.deepPurpleAccent);

canvas.drawCircle(Offset(size.width/2, size.height/6*1.8), size.width/6, paint…color=Colors.deepOrange);

canvas.drawCircle(Offset(size.width/2, size.height/6*2.2), size.width/6, paint…color=Colors.amber);

canvas.drawCircle(Offset(size.width/2, size.height/6*2.6), size.width/6, paint…color=Colors.blue);

canvas.drawCircle(Offset(size.width/2, size.height/6*3.0), size.width/6, paint…color=Colors.purple);

}

//在实际场景中正确利用此回调可以避免重绘开销，本示例我们简单的返回true

@override

bool shouldRepaint(CustomPainter oldDelegate) => true;

}