【Flutter 专题】112 图解自定义 ACEPieWidget 饼状图 (一)

最新推荐文章于 2024-06-29 00:28:00 发布

m0_61549953

最新推荐文章于 2024-06-29 00:28:00 发布

阅读量299

点赞数 3

分类专栏： 2024年程序员学习文章标签： flutter

本文链接：https://blog.csdn.net/m0_61549953/article/details/136900676

版权

本文详细介绍了如何在 Flutter 中自定义饼状图组件 ACEPieWidget，包括设置画笔、根据数据比例绘制不同颜色的扇形图，以及在扇形面上绘制文字的条件和方法。此外，作者分享了关于学习资源和资料获取的心得，强调系统学习的重要性。

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

注意：在绘制扇形图时需要注意扇形图的起始角度和终止角度，需要累加上一次绘制的扇形图角度；

// 1. 设置画笔
Paint _paint = Paint()…color = Colors.grey
…strokeWidth = 4.0…style = PaintingStyle.fill;
// 2. 获取 ListData 总的数据值
_sumData() {
if (_listData != null) {
for (int i = 0; i < _listData.length; i++) {
_sum += _listData[i].values.first;
}
}
}
// 3. 根据各个子类别数据比例和旋转角度进行不同颜色的扇形图绘制
if (_listData != null) {
for (int i = 0; i < _listData.length; i++) {
startAngle += sweepAngle;
sweepAngle = _listData[i].values.first * 2 * PI / _sum;
canvas.drawArc(_circle, startAngle, sweepAngle, true,
_paint…color = _subPaint(_listData[i].keys.first));
}
}
}