封装一个有趣的 Loading 加载动画组件

前言

在上一篇普通的加载千篇一律,有趣的 loading 万里挑一
中,我们介绍了使用Path类的PathMetrics属性来控制绘制点在路径上运动来实现比较有趣的loading效果。有评论说因为是黑色背景,所以看着好看。黑色背景确实显得高端一点,但是并不是其他配色也不行,本篇我们来封装一个可以自定义配置前景色和背景色的Loading组件。

组件定义

loading组件共定义4个入口参数:

  • 前景色:绘制图形的前景色;
  • 背景色:绘制图形的背景色;
  • 图形尺寸:绘制图形的尺寸;
  • 加载文字:可选,如果有文字就显示,没有就不显示。

得到的Loading组件类如下所示:

class LoadingAnimations extends StatefulWidget {
   
    
    
  final 

猜你喜欢

转载自blog.csdn.net/shuijian00/article/details/126713708