canvas.drawArc(
Rect.fromCircle(center: Offset(200.0, 300.0), radius: 100.0),
3.0, 2, true,
customPaint
…color = Colors.yellow
);
canvas.drawRRect(
RRect.fromRectAndRadius(
Rect.fromCircle(center: Offset(90.0, 150.0), radius: 50.0),
Radius.circular(30.0)
),
customPaint
…color = Colors.green
);
RRect outer = RRect.fromRectAndRadius(
Rect.fromCircle(center: Offset(100.0, 400.0), radius: 50.0),
Radius.circular(10.0)
);
RRect inner = RRect.fromRectAndRadius(
Rect.fromCircle(center: Offset(100.0, 400.0), radius: 30.0),
Radius.circular(10.0)
);
canvas.drawDRRect(
outer,
inner,
customPaint
…color = Colors.purpleAccent
);
Path path = new Path()…moveTo(0.0, 300.0);
path.lineTo(100.0, 330.0);
path.lineTo(250, 350);
canvas.drawPath(
path,
customPaint
…color = Colors.brown
);
}
@override
bool shouldRepaint(CustomPainter oldDelegate) {
return true;
}
}
2.解释源代码
import ‘dart:ui’;
import ‘package:flutter/material.dart’;
void main() => runApp(MyApp());
class MyApp extends StatefulWidget {
@override
_MyAppState createState() => _MyAppState();
}
class _MyAppState extends State {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
CustomPaint(
size: Size(300, 500),
painter: MyPainter(),
)
]
),
)
),
);
}
}
class MyPainter extends CustomPainter {
Paint customPaint = new Paint()
…color = Colors.orange
…strokeCap = StrokeCap.round
…isAntiAlias = true
…strokeWidth = 10.0
…style = PaintingStyle.stroke;
@override
void paint(Canvas canvas, Size size) {
//直线
canvas.drawLine(Offset(0.0, 0.0), Offset(200.0, 0.0), customPaint);
//点
canvas.drawPoints(
//PointMode.xxx
//points(点),lines(线,隔点连接),polygon(线,相邻连接)
PointMode.points,
[
Offset(20.0, 130.0),
Offset(100.0, 180.0),
],
customPaint…color = Colors.redAccent
);
//圆
canvas.drawCircle(
Offset(100.0, 50.0),
30.0,
customPaint
…color = Colors.blue
…style = PaintingStyle.stroke //绘画风格改为stroke
);
canvas.drawColor(Colors.red, BlendMode.color);
//椭圆
canvas.drawOval(
Rect.fromPoints(Offset(170.0, 100.0), Offset(270.0, 150.0)),
customPaint
…color = Colors.black
);
//弧
canvas.drawArc(
Rect.fromCircle(center: Offset(200.0, 5.0), radius: 80.0),
0.0, 1.5, false,
customPaint
…color = Colors.yellow
);
//扇形
canvas.drawArc(
Rect.fromCircle(center: Offset(200.0, 300.0), radius: 100.0),
3.0, 2, true,
customPaint
…color = Colors.yellow
);
//圆角
canvas.drawRRect(
RRect.fromRectAndRadius(
Rect.fromCircle(center: Offset(90.0, 150.0), radius: 50.0),
Radius.circular(30.0)
),
customPaint
…color = Colors.green
);
//双圆角矩形
//外部圆角
RRect outer = RRect.fromRectAndRadius(
Rect.fromCircle(center: Offset(100.0, 400.0), radius: 50.0),
Radius.circular(10.0)
);
//内部圆角
RRect inner = RRect.fromRectAndRadius(
Rect.fromCircle(center: Offset(100.0, 400.0), radius: 30.0),
Radius.circular(10.0)
);
canvas.drawDRRect(
outer,
inner,
customPaint
…color = Colors.purpleAccent
);
//路径
//起点(0.0, 300.0)
//连接(100.0, 330.0)、(250, 350)
Path path = new Path()…moveTo(0.0, 300.0);
path.lineTo(100.0, 330.0);
path.lineTo(250, 350);
canvas.drawPath(
path,
customPaint
…color = Colors.brown
);
}
@override
bool shouldRepaint(CustomPainter oldDelegate) {
// TODO: implement shouldRepaint
最后
给大家送上我成功跳槽复习中所整理的资料,由于文章篇幅有限,所以只是把题目列出来了
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》,点击传送门,即可获取!
}
@override
bool shouldRepaint(CustomPainter oldDelegate) {
// TODO: implement shouldRepaint
最后
给大家送上我成功跳槽复习中所整理的资料,由于文章篇幅有限,所以只是把题目列出来了
[外链图片转存中…(img-LfjZWut0-1715206479286)]
[外链图片转存中…(img-j4Fqb56k-1715206479291)]
[外链图片转存中…(img-hBxw9w4Z-1715206479293)]
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》,点击传送门,即可获取!