Flutter控件之CircularProgressIndicator
CircularProgressIndicator的作用
Flutter中的CircularProgressIndicator
是一个圆形进度指示器,用于表示正在进行的任务的进度。它通常用于长时间运行的任务,例如文件下载、网络请求等。CircularProgressIndicator
可以在圆周上旋转,以表示正在进行的任务的进度,同时可以根据需要设置颜色、尺寸和线宽等属性。
CircularProgressIndicator的类型
CircularProgressIndicator
有两种类型:确定进度和不确定进度。确定进度指示器用于表示已知的进度,例如文件下载的进度,而不确定进度指示器用于表示未知的进度,例如正在加载数据。根据不同的场景,我们可以选择不同类型的进度指示器。
CircularProgressIndicator常用属性
以下是CircularProgressIndicator
的一些常用属性:
value
: 进度值,0.0表示没有进度,1.0表示完成。backgroundColor
: 进度条的背景颜色。valueColor
: 进度条的颜色,可以使用AlwaysStoppedAnimation<Color>
或ColorTween
来指定动画效果。strokeWidth
: 进度条的线宽。semanticsLabel
: 用于屏幕阅读器的标签。
以下是一个简单的示例,演示如何在Flutter中使用CircularProgressIndicator
:
class MyHomePage extends StatelessWidget {@overrideWidget build(BuildContext context) {return Scaffold(body: Center(child: CircularProgressIndicator(),),);}
}
在上面的代码中,我们在Center
小部件中添加了一个CircularProgressIndicator
,并将其作为页面的主体,这将在屏幕中央显示一个圆形进度指示器。
效果如图:
除了默认的CircularProgressIndicator
之外,Flutter还提供了其他类型的进度指示器,例如线性进度指示器和扇形进度指示器,可以根据需要选择不同的类型来满足不同的需求。
其他用途
如下图使用CircularProgressIndicator实现的倒计时效果
Flutter控件之CircularProgressIndicator相关推荐
- Flutter控件--Switch 和 SwitchListTile
flutter控件练习demo地址:github Switch(开关).SwitchListTile(带标题的开关) 和 AnimatedSwitch 一 Switch 1.1 简介 Switch & ...
- Flutter - 控件之 Picker
Flutter - 控件之 Picker CupertinoPicker 应用示例:选择性别 选择器picker,简单用于性别.省市地区.日期等选择功能. CupertinoPicker iOS风格的 ...
- 自定义Flutter控件
在Flutter开发中,我们会经常和各种控件打交道,它们也能满足业务的大部分需求.但是,我们往往需要将多个控件组合起来,才能实现业务的需求,而且这样写出来的代码维护起来非常困难.因此,我们可以把那些需 ...
- 4、Flutter - 控件基础 (二)ListView 列表展示数据、布局
ListView 列表展示数据.布局 接上篇,几点注意事项与说明 1.创建工程项目的时候,存放路径不要有中文,有中文会有警告,而且后面可能会有一些未知的问题. 如果有中文路径,创建完工程移动工程位置的 ...
- 《Flutter 控件大全》第十个:AnimatedIcon
如果你对Flutter还有疑问或者技术方面的疑惑,欢迎加入Flutter交流群(微信:laomengit). 同时也欢迎关注我的Flutter公众号[老孟程序员],公众号首发Flutter的相关内容. ...
- 《Flutter 控件大全》第八个:AnimatedCrossFade
如果你对Flutter还有疑问或者技术方面的疑惑,欢迎加入Flutter交流群(微信:laomengit). 同时也欢迎关注我的Flutter公众号[老孟程序员],公众号首发Flutter的相关内容. ...
- 《Flutter 控件大全》第五十五个:InkWell和Ink
如果你对Flutter还有疑问或者技术方面的疑惑,欢迎加入Flutter交流群(微信:laomengit). 同时也欢迎关注我的Flutter公众号[老孟程序员],公众号首发Flutter的相关内容. ...
- 《Flutter 控件大全》第五十二个:Hero
如果你对Flutter还有疑问或者技术方面的疑惑,欢迎加入Flutter交流群(微信:laomengit). 同时也欢迎关注我的Flutter公众号[老孟程序员],公众号首发Flutter的相关内容. ...
- 《Flutter 控件大全》第九十六:TextField、EditableText、TextInput
如果你对Flutter还有疑问或者技术方面的疑惑,欢迎加入Flutter交流群(微信:laomengit). 同时也欢迎关注我的Flutter公众号[老孟程序员],公众号首发Flutter的相关内容. ...
最新文章
- Android安全问题 抢先接收广播 - 内因篇之广播接收器注册流程
- CVPR15 image retrieval reading list
- ML:MLOps系列讲解之《基于ML的软件的三个层次之02 Model: Machine Learning Pipelines 2.1~2.4》解读
- javascript --执行上下文,作用域
- python 数组赋值_LeetCode基础算法题第182篇:一维数组的运行总和
- ABAP 引用类型介绍
- c 中oracle连接字符串,Oracle连接字符串C#
- python生成任意n阶的三对角矩阵
- POJ3618 Exploration【水题+排序】
- #{}不自动改参数类型_C++笔记——参数传递中的指针传递和引用传递
- 数字信号处理前瞻(note1):奈奎斯特与折叠频率
- 用代码绘制简单的图形
- 如何理解矩阵的「秩」?
- C语言等待一秒,延时函数sleep()
- 备战数学建模9-层次分析法模型
- 如何为你的 Windows 应用程序关联一种或多种文件类型
- python对于字典d d.get(x、y)_python--字典
- 滴答顺风车怎么抢90%以上的订单_想来赚顺风车钱的补课内容都给你准备好了
- 静态成员函数和非静态成员函数的区别?
- 「とても」「あまり」「大変」的用法区别