Flutter控件之CircularProgressIndicator

news/2024/11/28 8:25:31/

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 {Widget build(BuildContext context) {return Scaffold(body: Center(child: CircularProgressIndicator(),),);}
}

在上面的代码中,我们在Center小部件中添加了一个CircularProgressIndicator,并将其作为页面的主体,这将在屏幕中央显示一个圆形进度指示器。
效果如图:
image.png

除了默认的CircularProgressIndicator之外,Flutter还提供了其他类型的进度指示器,例如线性进度指示器和扇形进度指示器,可以根据需要选择不同的类型来满足不同的需求。

其他用途

如下图使用CircularProgressIndicator实现的倒计时效果
image.png


http://www.ppmy.cn/news/88409.html

相关文章

大数据开发之Hive案例篇8-解析XML

文章目录 一. 问题描述二. 解决方案2.1 官方文档2.2 XML格式不规范 一. 问题描述 今天接到一个新需求&#xff0c;hive表里面有个字段存储的是XML类型数据 数据格式: <a><b>bb</b><c>cc</c> </a>二. 解决方案 2.1 官方文档 遇到不懂的…

数据库概述

文章目录 基本概念一、数据1.定义2.分类 二、数据库1.定义2.三个基本特点&#xff1a; 三、数据库管理系统(DBMS)1.定义2.功能3.特色 四、数据管理技术的产生和发展1.人工管理阶段&#xff1a;2.文件系统阶段3.数据库系统阶段 五、数据库系统的特点1.数据结构化2.数据的共享性高…

什么是DRTP?在证券行业的应用?

一、概念 DRTP是指分布式实时处理&#xff08;Distributed Real-Time Processing&#xff09;&#xff0c;是一种处理实时数据的技术。它通过将数据分散到多个节点上进行处理&#xff0c;从而实现高效的实时数据处理。DRTP通常用于处理大规模的数据流&#xff0c;例如网络流量…

Python pathlib模块

pathlib 模块提供了表示文件系统路径的类&#xff0c;可适用于不同的操作系统。使用 pathlib 模块&#xff0c;相比于 os 模块可以写出更简洁&#xff0c;易读的代码。pathlib 模块中的 Path 类继承自 PurePath&#xff0c;对 PurePath 中的部分方法进行了重载&#xff0c;相比…

RESTful接口设计规范

RESTful是目前最流行的API设计规范&#xff0c;它是用于Web数据接口的设计。从字面可以看出&#xff0c;他是Rest式的接口&#xff0c;所以我们先了解下什么是Rest。 REST与技术无关&#xff0c;它代表的是一种软件架构风格&#xff0c;REST它是 Representational State Trans…

【leetcode】Find Median From Data Stream

参考资料&#xff1a;左神算法课《剑指offer》 295. Find Median from Data Stream The median is the middle value in an ordered integer list. If the size of the list is even, there is no middle value, and the median is the mean of the two middle values. For ex…

【C++初阶】动态内存管理

一.C内存分布 说明&#xff1a; 1. 栈又叫堆栈--非静态局部变量/函数参数/返回值等等&#xff0c;栈是向下增长的&#xff1b; 2. 内存映射段是高效的I/O映射方式&#xff0c;用于装载一个共享的动态内存库。用户可使用系统接口 创建共享共享内存&#xff0c;做进程间通信&…

H-THNSJ0A温湿度传感器标准modbus 通讯协议

1、 概述 1&#xff0e;1 引言 通讯规约详细描述了本机通讯的读、写命令格式及信息和数据的定义&#xff0c;以便第三方开发使用。 1. 2 电气特点及符合标准 1) 连接上位机的主通信接口&#xff0c;MODUBS RTU 协议标准。 2) 信息传输方式为异步方式&#xff0c;字节格式为…