<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>CustomPainter on PlumePHP</title><link>https://plumephp.com/tags/custompainter/</link><description>Recent content in CustomPainter on PlumePHP</description><generator>Hugo</generator><language>zh-CN</language><lastBuildDate>Tue, 29 Sep 2026 13:00:00 +0800</lastBuildDate><atom:link href="https://plumephp.com/tags/custompainter/index.xml" rel="self" type="application/rss+xml"/><item><title>Flutter 高级绘制与绘制动画</title><link>https://plumephp.com/flutter-custom-painter-animations/</link><pubDate>Tue, 29 Sep 2026 13:00:00 +0800</pubDate><guid>https://plumephp.com/flutter-custom-painter-animations/</guid><description>&lt;h2 id="开篇当组件不够用就让画笔接管"&gt;开篇：当组件不够用，就让画笔接管&lt;/h2&gt;
&lt;p&gt;Flutter 的组件树解决 80% 界面，但总有些东西「组件画不出来」：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;折线图、面积图、仪表盘、波形图。&lt;/li&gt;
&lt;li&gt;自定义进度环、水波、粒子、涂鸦。&lt;/li&gt;
&lt;li&gt;复杂的渐变遮罩、不规则形状。&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;这些场景的答案就是 &lt;strong&gt;CustomPainter&lt;/strong&gt;：拿到一块画布（Canvas），用画笔（Paint）与路径（Path）自己绘制每一帧。Flutter 的绘制能力对标原生 Canvas 2D，配合动画控制器能做出极其顺滑的自定义动效。&lt;/p&gt;</description></item></channel></rss>