Flutter 实现风车加载动画组件

本文介绍了如何在Flutter中创建一个风车加载动画组件,包括接口定义、风车绘制和旋转效果的实现,以及代码详细步骤。组件支持尺寸、旋转速度设定,可应用于移动开发的加载指示。
摘要由CSDN通过智能技术生成

前言

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

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

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

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

岛上码农

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值