LVGL9 四象限 L 形圆角进度条「动态填充」效果（无缝、无毛刺）

LVGL 实战：四象限 L 形圆角进度条「动态填充」效果（无缝、无毛刺）

环境：LVGL 9.x + PC 模拟器（SDL）。本文只讲动态填充效果本身的实现，文字/图标等业务内容可自行叠加。

一、先看效果

一个圆角矩形面板，四个角各有一条L 形进度条：从一条边的中点出发，绕过圆角，再到相邻边的中点。四条分别是绿、黄绿、红、橙，会随数值动态“生长/回落”，像呼吸一样。

关键难点有三个，也是本文重点解决的：

1. 无缝：直线段和圆角弧线的接头处不能有白缝、错位。
2. 无毛刺：圆弧边缘要光滑，不能有锯齿。
3. 动态：填充长度可按百分比 0~100% 平滑变化。

二、核心思路

一条 L 路径拆成三段：

直线1 -> 90° 圆弧 -> 直线2

绘制策略是「混合式」：

段