0
点赞
收藏
分享

微信扫一扫

【自学Flutter】34 自定义Widget(自绘),flutter通知推送

九月的栩 2022-02-16 阅读 141

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

return true;

}

}

最后

总而言之,成功是留给准备好的人的。无论是参加什么面试,都要做好充足的准备,注意好面试的礼仪和穿着,向面试官表现出自己的热忱与真诚就好。即使最后没有过关,也要做好经验的总结,为下一次面试做好充足准备。

这里我为大家准备了一些我在面试后整理的面试专题资料,除了面试题,还总结出了互联网公司Android程序员面试涉及到的绝大部分面试题及答案,并整理做成了文档,以及系统的进阶学习视频资料,免费分享给大家,希望能帮助到你面试前的复习,且找到一个好的工作,也节省大家在网上搜索资料的时间来学习。

毕竟不管遇到什么样的面试官,去面试首先最主要的就是自己的实力,只要实力够硬,技术够强,就不怕面试拿不到offer!

想要面试顺通嘛,赶紧领取下面的面试资料为之后的面试做足准备叭!这里提前祝各位面试成功!

资料领取方式:  Android架构设计

d-P7/blob/master/Android%E5%BC%80%E5%8F%91%E4%B8%8D%E4%BC%9A%E8%BF%99%E4%BA%9B%EF%BC%9F%E5%A6%82%E4%BD%95%E9%9D%A2%E8%AF%95%E6%8B%BF%E9%AB%98%E8%96%AA%EF%BC%81.md)

[外链图片转存中…(img-tqIgHvSi-1645008840850)]

[外链图片转存中…(img-2upCn8np-1645008840851)]

举报

相关推荐

0 条评论