Flutter自定义UI

自定义UI系列专栏 前言 CustomPainter 除了常规的绘制外，还可以配合 AnimationController 实现动态效果。这篇文章将展示一个写轮眼的绘制动画。具体效果看封面，没有太多的

自定义UI系列专栏 前言-时间轴 Canvas 除了可以绘制图表外，还可以有其他更多的用途，比如通过自定义绘制后实现我们常用的 timeline 时间轴的效果。 通常时间轴有如下的特点: 是个列表，并

自定义UI系列专栏 前言 图表是前端UI中前端的效果，通常我们可以用第三方的插件实现。但 APP 端的UI设计要求比较高，用第三方插件很可能与UI设计稿的风格不符，而且第三方插件扩展性也比较差。 Fl

canvas 的绘制能力 Flutter 系统提供的 Canvas 可以绘制常规的几何图形和图形的变换操作 常规的几何图形 点 drawPoints pointMode: 绘制方式 PointMode

画笔 Paint 所谓 “工欲善其事，必先利其器”，在了解画布 Canvas 之前，需要先了解画笔 Paint。 Paint 的作用 Paint 常用属性 线条相关 isAntiAlias : 抗锯齿

前言 前端的 UI 系统都会提供一个自绘 UI 的接口，在这个接口中通常会提供一个画布 Canvas，这个 Canvas 内封装了一些基本的 API，开发者可以通过 Canvas 绘制各种自定义图形。