Flutter 绘制指南 - 妙笔生花--掘金小册课程推荐/优惠

小册介绍

1.欢迎来到 Flutter 绘制指南 - 妙笔生花

为什么要写这本小册

• 目前并没有对 Flutter 绘制有系统介绍的专题文章。
• 希望让更多人能看到 Flutter 绘制 也拥有无限的可能性。
• 很多人在 Flutter 中使用绘制的方式是有问题的。
• 想要总结一下自己的绘制技能吧，顺便分享给大家。
• 希望有更多的人能够拥有绘制的勇气和技艺。
• 希望你通过绘制可以回忆起或拥有曾经和编程那最初的美好。

为什么不在专栏发免费的文章

• 希望能够比较系统的进行成文，专栏文章比较零散，很难传播。
• 发文的关注度比较低，写成小册可能会有更多人看到。
• 写小册能赚点钱买饮料吧，本册定价是3.28元，也是良心价了。

2.简单展示

• 绘制，是一件纯粹而快乐的事。能让自己的想法在某处以某种形式展现出了，这本身就是一种自我价值的体现，所见即所得。

• 相比设计模式、数据结构、算法 这样比较深奥、枯涩、很难立竿见影的知识，绘制显得比较亲和，你的每一步操作都可以看到成果，成就感是学习而言是最有利的因素。

• 你可以绘制一个控制器，来让你更好地了解贝塞尔曲线。

• 你可以绘制一个摇杆的控制器，随拖动让另一个组件的旋转。

• 也许你会觉得，绘制的本身意义并不是很大。我想说:结果并不是目的，在行动的过程中的成长才是 。通过绘制，你可以增强对代码逻辑的控制能力。绘制的本身是数据的解析和再呈现的过程，我们在做的并不仅仅是绘制，还有将数据展现出来。

• 通过绘制的学习，你可以更深入认识动画和手势的使用。

• 也许很多时候，你感觉自己可以，但是一下笔，就举步维艰，这说明你对逻辑的控制力不强。在绘制中，很多细节都需要被考虑，需要很多循环和判断，这些很能锻炼你的思维。

• 通过绘制，你可以完成一些普通操作很难完成的效果, 通过路径测量，可以完成很多不可思议的运动。

• 通过绘制你可以完成自己的组件，随处复用。

• 也可以做出统计图，自己画出来的，想怎么定制都可以。

• 还可以做出酷炫的粒子效果，通过对粒子的操作，可以让你对代码的操作力达到一个新的水平。

2.小册整体结构

小册主要分为三个部分 :

• 开始对绘制的 API 进行讲解，包括Paint 篇 、 Canvas 篇、Path篇、Color 篇。 在这四的大篇章中，我们的绘制是纯粹的，其中你将认识到 Flutter 中关于绘制 95% 的操作方法。

• 如何通过对 CustomPainter 的全面认知来让你知道如何正确的使用和刷新画板，毕竟目前很多人都是通过 setState,但这并不是最佳的方案。我通过阅读源码中对 CustomPainter 的使用看到了最高效的用法。接下来是对动画和手势的介绍，到此为 Flutter 的绘制打下所有的基础。

• 后面三个大章节，是对绘制技巧的联系，包括 路径篇、图表篇、粒子篇，你将会真正进入到一个有趣而多彩的绘制世界。

下面来一起开始进入 Flutter 的绘制世界吧！

前置知识有什么？

• Flutter 初始项目的搭建
• Dart 基础语法

你会学到什么？

• Flutter 中关于绘制的 Canvas、Paint、Path 所有 API
• Flutter 中图片的绘制及图片效果处理
• 如何正确使用 CustomPaint 进行绘制
• Flutter 中的动画、手势在绘制中的使用
• 对路径的全面认识及贝塞尔曲线的认识和使用
• 如何在 Flutter 中绘制图表
• 如何在 Flutter 中使用粒子实现各种效果

适宜人群

• 想要提升自身绘制技能的工程师
• 想要使用体会编程乐趣的开发者
• 想要全面了解绘制操作希望开发组件的工程师
• 想深入了解 Flutter 动画、手势、绘制使用的开发工程师

作者介绍

张风捷特烈，喜欢数学、文学和编程。掘金博主，热爱分享知识，骨灰级灵魂画手。Flutter 全端开发工程师，Android 开发爱好者 。FlutterUnit 开源项目作者，著有《Flutter 之旅》。公众号 编程之王

• 【 绘制开篇 】纯粹的世界

• 【 Canvas 上篇 】画布绘制基础操作

• 【 Paint篇 】认识画笔的属性

• 【 Canvas 下篇 】画布绘制图片文字

• 【 Path 上篇】路径的图形添加

• 【 Path 下篇 】路径的操作方法

• 【 Color 上篇】熟悉而陌生的颜色

• 【 Color 下篇】着色器和过滤器

• 【 CustomPainter 篇】世界之基

• 【路径曲线 中篇】认知贝塞尔曲线

• 【 Animation 下篇】动画器曲线和方法

• 【图表上篇】简单统计图表绘制

• 【 Animation 上篇】绘制中使用动画

• 【路径曲线 下篇】使用贝塞尔曲线

• 【 GestureDetector 篇】手势在绘制中的使用

• 【粒子 下篇】粒子时钟

• 【路径曲线 上篇】Path 与曲线拟合

• 【图表下篇】复杂图表绘制

• 【粒子 中篇】粒子背景效果

• 【粒子 上篇】粒子物理运动

• 【番外篇】 数学中的角度知识

• 【番外篇】将你的 Canvas 绘制保存为图片