Flutter 绘制指南 - 妙笔生花
0.66
带你见证 Flutter 的绘制之美,全面解析绘制相关的知识。数学和程序的碰撞,擦出创造的火花。
万花过尽知无物 @ 编程之王
加入学习群
免费试学
2705 人加入学习
21 小节
·
约 684分36秒
免费试学
介绍
目录
评论

小册介绍

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

为什么要写这本小册

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

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

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

2.简单展示

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

run_path

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

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

三次贝塞尔曲线

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

控制器监听


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

image-20201111222211946

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

刻度尺2

曲线动画2

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

仪表盘动画

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

image-20201101192948940

run_ball


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

show1111

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

柱线图

饼图


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

2020-11-07 14-34-00

2020-11-08 15-29-02


2.小册整体结构

小册主要分为三个部分 :

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

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

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

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

2020-11-07 16-30-15


前置知识有什么?

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

你会学到什么?

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

适宜人群

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

作者介绍

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

购买须知

  1. 本小册为图文形式内容服务,共计 20 节;
  2. 全部文章预计 2020 年 11 月 09 日更新完成;
  3. 购买用户可享有小册永久的阅读权限;
  4. 购买用户可进入小册微信群,与作者互动;
  5. 掘金小册为虚拟内容服务,一经购买成功概不退款;
  6. 掘金小册版权归北京北比信息技术有限公司所有,任何机构、媒体、网站或个人未经本网协议授权不得转载、链接、转贴或以其他方式复制发布/发表,违者将依法追究责任;
  7. 在掘金小册阅读过程中,如有任何问题,请邮件联系 xiaoce@xitu.io
推荐小册
京ICP备18012699号-3 ©版权所有 北京北比信息技术有限公司

公司地址:北京市海淀区信息路甲28号13层B座13B-5 | 公司座机:010-83434395