Flutter 画笔(Paint)、绘制直线(drawLine)

news2025/1/15 11:31:51

@override

bool shouldRepaint(CustomPainter oldDelegate) => true;

}

class MyPainter extends CustomPainter {

@override

void paint(Canvas canvas, Size size) {

//画背景

var paint = Paint()

…isAntiAlias = false

…strokeWidth=30.0

…color = Colors.red;

canvas.drawLine(Offset(50.0, 50.0), Offset(100.0,70.0), paint…strokeCap);

}

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

@override

bool shouldRepaint(CustomPainter oldDelegate) => true;

}

isAntiAlias=true（消除锯齿）

    

class MyPainter extends CustomPainter {

@override

void paint(Canvas canvas, Size size) {

//画背景

var paint = Paint()

…isAntiAlias = true

…strokeWidth=30.0

…color = Colors.red;

canvas.drawLine(Offset(50.0, 50.0), Offset(100.0,60.0), paint…strokeCap);

}

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

@override

bool shouldRepaint(CustomPainter oldDelegate) => true;

}

class MyPainter extends CustomPainter {

@override

void paint(Canvas canvas, Size size) {

//画背景

var paint = Paint()

…isAntiAlias = true

…strokeWidth=30.0

…color = Colors.red;

canvas.drawLine(Offset(50.0, 50.0), Offset(100.0,70.0), paint…strokeCap);

}

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

@override

bool shouldRepaint(CustomPainter oldDelegate) => true;

}

strokeWidth（画笔宽度）

class MyPainter extends CustomPainter {

@override

void paint(Canvas canvas, Size size) {

//画背景

var paint = Paint()

…isAntiAlias = true

…color = Colors.red;

canvas.drawLine(Offset(50.0, 46.0), Offset(200.0,46.0), paint…strokeCap…strokeWidth=4.0);

canvas.drawLine(Offset(50.0, 60.0), Offset(200.0,60.0), paint…strokeCap…strokeWidth=8.0);

canvas.drawLine(Offset(50.0, 80.0), Offset(200.0,80.0), paint…strokeCap…strokeWidth=16.0);

canvas.drawLine(Offset(50.0, 110.0), Offset(200.0,110.0), paint…strokeCap…strokeWidth=20.0);

}

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

@override

bool shouldRepaint(CustomPainter oldDelegate) => true;

}

strokeCap（buff、round、square）

StrokeCap.butt（无延伸）

（画笔绘制轮廓的边缘是平的，无延伸）buff_cap.png

class MyPainter extends CustomPainter {

@override

void paint(Canvas canvas, Size size) {

//画背景

var paint = Paint()

…isAntiAlias = true

…strokeWidth=40.0

…color = Colors.red;

canvas.drawLine(Offset(50.0, 50.0), Offset(200.0,50.0), paint…strokeCap=StrokeCap.butt);

}

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

@override

bool shouldRepaint(CustomPainter oldDelegate) => true;

}

StrokeCap.round（两边 、延伸、半圆）

（画笔绘制的开始和结束轮廓都会扩展，扩展的直线距离为画笔宽度的一半，扩展为半圆）round_cap.png

class MyPainter extends CustomPainter {

@override

void paint(Canvas canvas, Size size) {

//画背景

var paint = Paint()

…isAntiAlias = true

…strokeWidth=40.0

…color = Colors.red;

canvas.drawLine(Offset(50.0, 50.0), Offset(200.0,50.0), paint…strokeCap=StrokeCap.butt);

canvas.drawLine(Offset(50.0, 100.0), Offset(200.0,100.0), paint…strokeCap=StrokeCap.round…color=Colors.blue);

}

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

@override

bool shouldRepaint(CustomPainter oldDelegate) => true;

}

class MyPainter extends CustomPainter {

@override

void paint(Canvas canvas, Size size) {

//画背景

var paint = Paint()

…isAntiAlias = true

…strokeWidth=40.0

…color = Colors.red;

canvas.drawLine(Offset(50.0, 50.0), Offset(200.0,50.0), paint…strokeCap=StrokeCap.butt);

canvas.drawLine(Offset(50.0, 100.0), Offset(200.0,100.0), paint…strokeCap=StrokeCap.round…color=Colors.blue);

canvas.drawLine(Offset(200.0, 80.0), Offset(200.0,120.0), paint…color=Colors.black…strokeWidth=1.0);

canvas.drawLine(Offset(200.0, 100.0), Offset(220.0,100.0), paint…color=Colors.black…strokeWidth=1.0);

}

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

@override

bool shouldRepaint(CustomPainter oldDelegate) => true;

}

StrokeCap.square（两边 、延伸、半正方形[长方形]）

（画笔绘制的开始和结束轮廓都会扩展，扩展的直线距离为画笔宽度的一半，扩展为半正方形）square_cap.png

class MyPainter extends CustomPainter {

@override

void paint(Canvas canvas, Size size) {

//画背景

var paint = Paint()

…isAntiAlias = true

…strokeWidth=40.0

…color = Colors.red;

canvas.drawLine(Offset(50.0, 50.0), Offset(200.0,50.0), paint…strokeCap=StrokeCap.butt);

canvas.drawLine(Offset(50.0, 100.0), Offset(200.0,100.0), paint…strokeCap=StrokeCap.square…color=Colors.blue);

}

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

@override

bool shouldRepaint(CustomPainter oldDelegate) => true;

}

class MyPainter extends CustomPainter {

@override

void paint(Canvas canvas, Size size) {

//画背景

var paint = Paint()

…isAntiAlias = true

…strokeWidth=40.0

…color = Colors.red;

canvas.drawLine(Offset(50.0, 50.0), Offset(200.0,50.0), paint…strokeCap=StrokeCap.butt);

canvas.drawLine(Offset(50.0, 100.0), Offset(200.0,100.0), paint…strokeCap=StrokeCap.square…color=Colors.blue);

canvas.drawLine(Offset(200.0, 80.0), Offset(200.0,120.0), paint…color=Colors.black…strokeWidth=1.0);

canvas.drawLine(Offset(200.0, 100.0), Offset(220.0,100.0), paint…color=Colors.black…strokeWidth=1.0);

}

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

@override

bool shouldRepaint(CustomPainter oldDelegate) => true;

}

invertColors

将颜色值以一个二进制补码的形式转换成字节数组，存储在一个长度为52的字节数组中。

class MyPainter extends CustomPainter {

@override

void paint(Canvas canvas, Size size) {

//画背景

var paint = Paint()

…isAntiAlias = true

…strokeWidth=40.0

…invertColors=true;

canvas.drawLine(Offset(50.0, 50.0), Offset(200.0,50.0), paint…strokeCap=StrokeCap.butt…color = Colors.red);

canvas.drawLine(Offset(50.0, 100.0), Offset(200.0,100.0), paint…strokeCap=StrokeCap.square…color=Colors.blue);

}

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

@override

bool shouldRepaint(CustomPainter oldDelegate) => true;

}

class MyPainter extends CustomPainter {

@override

void paint(Canvas canvas, Size size) {

//画背景

var paint = Paint()

…isAntiAlias = true

…strokeWidth=40.0

…invertColors=false;

canvas.drawLine(Offset(50.0, 50.0), Offset(200.0,50.0), paint…strokeCap=StrokeCap.butt…color = Colors.red);

canvas.drawLine(Offset(50.0, 100.0), Offset(200.0,100.0), paint…strokeCap=StrokeCap.square…color=Colors.blue);

}

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

@override

bool shouldRepaint(CustomPainter oldDelegate) => true;

}

绘制等间距刻度

class MyPainter extends CustomPainter {

@override

void paint(Canvas canvas, Size size) {

//画背景

var paint = Paint()

…isAntiAlias = true

…strokeWidth=2.0

…invertColors=false;

canvas.drawLine(Offset(0.0, 50.0), Offset(size.width,50.0), paint…strokeCap=StrokeCap.square…color = Colors.red);

double caliCount=size.width/5.0;

for(int i=0;i<=caliCount;i++){

double x=i*5.0;

canvas.drawLine(Offset(x, 50.0), Offset(x, 40.0), 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=2.0

…invertColors=false;

canvas.drawLine(Offset(0.0, 0.0), Offset(0.0,size.height), paint…strokeCap=StrokeCap.square…color = Colors.red);

double caliCount=size.height/5.0;

for(int i=0;i<=caliCount;i++){

double y=i*5.0;

canvas.drawLine(Offset(0.0, y), Offset(10.0, y), 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=2.0

…color=Colors.redAccent

…invertColors=false;

double caliCount=size.width/20;

for(int i=0;i<=caliCount;i++){

double x=i*10.0;

canvas.drawLine(Offset(x, 10.0), Offset(x*2, 100.0), 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

…color=Colors.redAccent

…invertColors=false;

double caliCount=size.width/10;

for(int i=0;i<caliCount;i++){

double x1=i*10.0;

double x2=(i+1)*10.0;

canvas.drawLine(Offset(x1, 10.0), Offset(x2, 100.0), 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

…color=Colors.redAccent

…invertColors=false;

double rowLineCount=size.height/10.0;

for(int i=0;i<rowLineCount;i++){

canvas.drawLine(Offset(0, 0.0), Offset(size.width, i*10.0), paint);
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

img

img

img

img

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

最后

由于文章篇幅原因，我只把面试题列了出来，详细的答案，我整理成了一份PDF文档，这份文档还包括了还有 高级架构技术进阶脑图、Android开发面试专题资料，高级进阶架构资料 ，帮助大家学习提升进阶，也节省大家在网上搜索资料的时间来学习。

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！

理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。**

[外链图片转存中…(img-onPTIn9s-1712263138144)]

[外链图片转存中…(img-xYMXEBcY-1712263138145)]

[外链图片转存中…(img-LPBsB7T7-1712263138145)]

[外链图片转存中…(img-GUWzQydp-1712263138145)]

[外链图片转存中…(img-mywiIxED-1712263138145)]

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

最后

由于文章篇幅原因，我只把面试题列了出来，详细的答案，我整理成了一份PDF文档，这份文档还包括了还有 高级架构技术进阶脑图、Android开发面试专题资料，高级进阶架构资料 ，帮助大家学习提升进阶，也节省大家在网上搜索资料的时间来学习。

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1569742.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

多功能知识付费源码下载-实现流量互导多渠道变现（带详细安装教程）

多功能知识付费源码下载-实现流量互导多渠道变现（带详细安装教程）

资源变现类产品的许多优势&#xff0c;并剔除了那些无关紧要的元素&#xff0c;使得本产品在运营和变现能力方面实现了质的飞跃。多领域素材资源知识变现营销裂变独立版本。 支持&#xff1a;视频、音频、图文、文档、会员、社群、用户发布、创作分成、任务裂变、流量主、在线…
阅读更多...
Cisco Modeling Labs (CML) 2.7 - 网络仿真工具

Cisco Modeling Labs (CML) 2.7 - 网络仿真工具

Cisco Modeling Labs (CML) 2.7 - 网络仿真工具 思科建模实验室 (CML) 请访问原文链接&#xff1a;https://sysin.org/blog/cisco-modeling-labs-2/&#xff0c;查看最新版。原创作品&#xff0c;转载请保留出处。 Cisco Modeling Labs 是我们用于网络仿真的首要平台。凭借易…
阅读更多...
绿联 安装zfile，创建属于自己的网盘，支持直链分享

绿联 安装zfile，创建属于自己的网盘，支持直链分享

绿联 安装zfile&#xff0c;创建属于自己的网盘&#xff0c;支持直链分享 1、镜像 zhaojun1998/zfile:latest ZFile ZFile 是一个适用于个人的在线网盘(列目录)程序&#xff0c;可以将你各个存储类型的存储源&#xff0c;统一到一个网页中查看、预览、维护&#xff0c;再也不用…
阅读更多...
音视频开发之旅（81）- 图片视频“黑边”检测与去除

音视频开发之旅（81）- 图片视频“黑边”检测与去除

目录 1.“黑边“的场景 2. 二值化--单一颜色边缘的图像 3. canny边缘检测霍夫直线变换--处理负责的边缘图像 4. 性能优化 5. 资料 在页面展示中&#xff0c;如果图片/视频有黑边&#xff0c;比较影响体验&#xff0c;我我们今天实现下对图片/视频进行黑边检测。检测到黑边…
阅读更多...
SQL Server维护计划

SQL Server维护计划

目录 1.概述 2.启动SQL Server 代理服务 3.制定维护计划 4.验证维护计划 5.删除维护计划 1.概述 此文还是存货哈&#xff01; SQL Server 2008 R2维护计划。 2.启动SQL Server 代理服务 在设置维护计划之前&#xff0c;必须先确保SQL Server 代理服务已启动。启动方法如…
阅读更多...
Html提高——视频标签音频标签及其相关属性

Html提高——视频标签音频标签及其相关属性

HTML5 在不使用插件的情况下&#xff0c;也可以原生的支持音视频格式文件的播放&#xff0c;当然&#xff0c;支持的格式是有限的。 1、video标签 1.1、video标签的语法 <video src"文件地址" controls"controls"></video> video标签的内部…
阅读更多...
SAP FI学习笔记04 - 基础知识 - 新规会计科目，用 应收账款科目 做个例子

SAP FI学习笔记04 - 基础知识 - 新规会计科目，用 应收账款科目 做个例子

上一章讲了 应付账款 的来源及操作。 SAP FI学习笔记03 - 应付账款-CSDN博客 本章先尝试做一个会计科目&#xff0c;然后再用 应收账款 科目做个例子。 应收账款 和 应付账款 一样&#xff0c;也有两个视图。 1&#xff0c;新建几个会计科目 这一章来尝试着创建会计科目。 …
阅读更多...
Qt QML的枚举浅用

Qt QML的枚举浅用

QML的枚举用法 序言概念命名规则在QML定义枚举的规范 用法QML的枚举定义方法供QML调用的&#xff0c;C的枚举定义方法 序言 概念 QML的枚举和C的其实差不多&#xff0c;但是呢&#xff0c;局限比较多&#xff0c;首先不能在main.qml里定义&#xff0c;也不能在子项中定义。 …
阅读更多...
Java spring 01 （图灵）

Java spring 01 （图灵）

01.依赖注入 这里两个方法用到了datasource方法&#xff0c;不是bean这样的使用&#xff0c;没有autowird 会创建两个datasource configuration 会运行代理模式 会产生一个AppConfig的代理对象 这个代理对象会在spring的容器先找bean&#xff0c;datasource此时已经创建了be…
阅读更多...
ubuntu无法粘贴复制windows中的内容，分辨率无法自适应电脑自带系统

ubuntu无法粘贴复制windows中的内容，分辨率无法自适应电脑自带系统

1、直接在命令行执行以下命令 sudo apt-get autoremove open-vm-tools //卸载已有的工具 sudo apt-get install open-vm-tools //安装工具open-vm-tools sudo apt-get install open-vm-tools-desktop //安装open-vm-tools-desktop 2、重启Ubuntu系统即可 3.如果上述…
阅读更多...
【QT+QGIS跨平台编译】056：【pdal_lazperf+Qt跨平台编译】（一套代码、一套框架，跨平台编译）

【QT+QGIS跨平台编译】056：【pdal_lazperf+Qt跨平台编译】（一套代码、一套框架，跨平台编译）

点击查看专栏目录 文章目录 一、pdal_lazperf介绍二、pdal下载三、文件分析四、pro文件五、编译实践一、pdal_lazperf介绍 pdal_lazperf 是 PDAL（Point Data Abstraction Library）的一个插件，用于处理点云数据。PDAL 是一个开源的库，用于处理和分析地理空间数据，特别是点云…
阅读更多...
Linux集群部署项目

Linux集群部署项目

目录 一&#xff0c;环境准备 1.1.安装MySQL 1.2.安装JDK 1.3.安装TomCat 1.4.安装Nginx 二&#xff0c;部署 2.1.后台服务部署 2.2.Nginx配置负载均衡及静态资源部署 一&#xff0c;环境准备 1.1.安装MySQL 将MySQL的安装包上传至服务器 查看系统中是否存在mariadb&…
阅读更多...
了解 Solidity 语言：构建智能合约的首选编程语言

了解 Solidity 语言：构建智能合约的首选编程语言

了解 Solidity 语言&#xff1a;构建智能合约的首选编程语言 Solidity 是一种用于编写智能合约的高级编程语言&#xff0c;广泛应用于以太坊和其他以太坊虚拟机&#xff08;EVM&#xff09;兼容的区块链平台。它是以太坊智能合约的首选语言之一&#xff0c;具有丰富的功能和灵活…
阅读更多...
GD32F470_GY-SHT31-D 数字温湿度传感器模块移植

GD32F470_GY-SHT31-D 数字温湿度传感器模块移植

2.11 SHT30温湿度传感器 2.11.1 模块来源 采购链接&#xff1a; GY-SHT31-D 数字温湿度传感器模块 资料下载链接&#xff1a; https://pan.baidu.com/s/1kisMJspcV6Qdr1ye9ElOlQ 2.11.2 规格参数 工作电压&#xff1a;2.4-5.5V 工作电流&#xff1a;0.2~1500uA 温度测量范围&a…
阅读更多...
微软文本转语音和语音转文本功能更新，效果显著！

微软文本转语音和语音转文本功能更新，效果显著！

今天我要和大家分享一个新功能更新——微软的文本转语音和语音转文本功能。最近&#xff0c;微软对其AI语音识别和语音合成技术进行了重大升级&#xff0c;效果非常好&#xff0c;现在我将分别为大家介绍这两个功能。 先来听下这个效果吧 微软文本转语音和语音转文本功能更新 …
阅读更多...
CVPR24_ArGue: Attribute-Guided Prompt Tuning for Vision-Language Models

CVPR24_ArGue: Attribute-Guided Prompt Tuning for Vision-Language Models

Abstract 尽管软提示微调在调整视觉语言模型以适应下游任务方面表现出色&#xff0c;但在处理分布偏移方面存在局限性&#xff0c;通过属性引导提示微调&#xff08;Attribute-Guided&#xff0c;ArGue&#xff09;来解决这个问题 Contributions 与直接在类名之前添加软提示…
阅读更多...
浅析JavaWeb内存马基础原理与查杀思路

浅析JavaWeb内存马基础原理与查杀思路

文章目录 前言Java内存马内存马分类&原理JavaWeb三大组件注入Servlet内存马注入Filter型内存马JAVA Agent内存马 哥斯拉木马0x01 WebShell0x02 MemShell0x03 FilterShell0x04 Arthas排查0x05 scanner查杀 总结 前言 几年前写过《Web安全-一句话木马》&#xff0c;主要介绍…
阅读更多...
大意了MySQL关键字EXPLAIN

大意了MySQL关键字EXPLAIN

一、问题 然后explain带了单引号、以区别其关键字 二、报错如下 1064 - You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near explain, us.nickname AS user_send_nickname, ua.nickname…
阅读更多...
探索未来智慧酒店网项目接口架构

探索未来智慧酒店网项目接口架构

在数字化时代&#xff0c;智慧酒店已成为酒店业发展的重要趋势之一。智慧酒店网项目接口架构作为支撑智慧酒店运营的核心技术之一&#xff0c;其设计和优化对于提升用户体验、提高管理效率具有重要意义。本文将深入探讨智慧酒店网项目接口架构的设计理念和关键要素。 ### 智慧…
阅读更多...
上位机图像处理和嵌入式模块部署（qmacvisual并发执行）

上位机图像处理和嵌入式模块部署（qmacvisual并发执行）

【 声明&#xff1a;版权所有&#xff0c;欢迎转载&#xff0c;请勿用于商业用途。 联系信箱&#xff1a;feixiaoxing 163.com】 类似于qmacvisual这样的软件&#xff0c;其实价格并不便宜。比如大家熟知的halcon、vision pro、vision master这样的软件&#xff0c;最便宜的版本…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023