Flutter 实现风车加载动画组件

前言

Flutter 官方提供了诸如 CircularProgressIndicatorLinearProgressIndicator两种常见的加载指示组件,但是说实话,实在太普通,比如下面这个CircularProgressIndicator
屏幕录制2021-10-10 下午9.53.09.gif

正好我们介绍到了动画环节,那我们自己来一个有趣的加载指示组件吧。创意送哪来呢,冥思苦想中脑海里突然就响起了一首歌:

大风车吱呀吱哟哟地转,这里的风景呀真好看!
天好看,地好看

没错,这就是当时风靡全中国的放学档,儿童必看节目《大风车》的主题曲。

大风车节目
嗯,我们就自己来个风车动画加载组件吧,最终完成效果如下,支持尺寸和旋转速度的设定。

风车加载组件

接口定义

遵循接口先行的习惯,我们先设计对外的接口。对于一个动画加载组件,我们需要支持两个属性:

  • 尺寸:可以由

猜你喜欢

转载自blog.csdn.net/shuijian00/article/details/124157160
今日推荐