【Flutter 专题】114 图解自定义 ACEProgressPainter 对比进度图

最新推荐文章于 2024-07-06 22:37:06 发布

wqwq_22

最新推荐文章于 2024-07-06 22:37:06 发布

阅读量566

点赞数 1

分类专栏：程序员文章标签：架构移动开发 android

本文链接：https://blog.csdn.net/wqwq_22/article/details/122784052

版权

本文详细介绍了如何在 Flutter 中自定义 ACEProgressPainter，包括异常比例的处理、是否填充的设定，以及使用 Canvas.drawParagraph 绘制文字的方法。内容涉及梯形路径的计算、文字宽度限制和样式配置，旨在帮助开发者实现更灵活的进度图展示。

摘要由CSDN通过智能技术生成

_paint…color = rightColor ?? _kProRightColor);

2. 异常比例

对于比例过小或过大的情况，小菜计划展示一个固定的三角形，并且在此状况下不进行文字绘制；

// 左侧
if ((size.width * leftProgress + _height * 0.5 - _spaceWidth * 0.5 - _strokeWidth) <= _height) {
_leftPath.lineTo(
_height + _kProPaddingWidth + _strokeWidth * 0.5, _height);
} else if ((size.width * leftProgress + _height * 0.5) >= size.width - _height) {
_leftPath.lineTo(
size.width - _spaceWidth - _strokeWidth * 2 - _kProPaddingWidth, _height);
_leftPath.lineTo(
size.width - _spaceWidth - _strokeWidth * 2 - _height - _kProPaddingWidth, Offset.zero.dy);
} else {
_leftPath.lineTo(
size.width * leftProgress + _height * 0.5 - _spaceWidth * 0.5 - _strokeWidth, _height);
_leftPath.line