Flutter组件之圆形进度条(CircularProgressIndicator)

2023-11-03

/**
 * 圆形进度条
 * 可以在外面包一层SizedBox,间接改变进度条的大小
 *const CircularProgressIndicator({
    Key key,
    double value,//0~1的浮点数,用来表示进度多少;如果 value 为 null 或空,则显示一个动画,否则显示一个定值
    Color backgroundColor,//背景颜色
    Animation<Color> valueColor,//animation类型的参数,用来设定进度值的颜色,默认为主题色
    this.strokeWidth = 4.0,//进度条宽度
    String semanticsLabel,
    String semanticsValue,
    })
 */

body: Stack(
            children: <Widget>[
              Positioned(
                  left: 150.0,
                  top: 20.0,
                  child: CircularProgressIndicator(
//                    value: 0.3,
                    backgroundColor: Color(0xffff0000),
                  )
              ),
              Positioned(
                  left: 150.0,
                  top: 70.0,
                  child: CircularProgressIndicator(
                    value: 0.3,
                    backgroundColor: Color(0xffff0000),
                  )
              ),
              Positioned(
                  left: 150.0,
                  top: 120.0,
                  child: CircularProgressIndicator(
//                    value: 0.3,
                    strokeWidth: 4.0,
                    backgroundColor: Color(0xffff0000),
                    valueColor: new AlwaysStoppedAnimation<Color>(Colors.red),
                  )
              ),
              Positioned(
                  left: 150.0,
                  top: 170.0,
                  child: CircularProgressIndicator(
//                    value: 0.3,
                    strokeWidth: 8.0,
                    backgroundColor: Color(0xffff0000),
                    valueColor: new AlwaysStoppedAnimation<Color>(Colors.red),
                  )
              ),
              Positioned(
                  left: 150.0,
                  top: 220.0,
                  child: SizedBox(
                    width: 50.0,
                    height: 50.0,
                    child: CircularProgressIndicator(
//                    value: 0.3,
                      backgroundColor: Color(0xffff0000),
                      valueColor: new AlwaysStoppedAnimation<Color>(Colors.red),
                    ),
                  )
              ),
            ],
          )

 

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Flutter组件之圆形进度条(CircularProgressIndicator) 的相关文章

随机推荐

  • 云服务器 文件管理,云服务器文件管理工具

    云服务器文件管理工具 内容精选 换一换 华为云帮助中心 为用户提供产品简介 价格说明 购买指南 用户指南 API参考 最佳实践 常见问题 视频帮助等技术文档 帮助您快速上手使用华为云服务 为安全起见 用户登录弹性云服务器时建议使用密钥对方式
  • vue3 setup语法糖 简单使用

    文档 Vue3 组合式 API 文档 介绍 Vue js vuejs org Vue3 单文件组件
  • MyBatis中foreach使用

    目录 1 foreach中的属性说明 2 collection属性的详细说明 3 示例 1 传入的是单参数且参数类型是一个List 2 传入的是单参数且参数类型是一个array数组 3 传入的参数是实体类 并且实体中包含数组和集合 4 传入
  • 实用工具篇(三):Free Mybatis plugin

    实用工具篇 三 Free Mybatis plugin 实用工具篇 一 Postman 实用工具篇 二 SourceTree Free Mybatis plugin 老规矩先吹一波 这个idea里面的插件真的十分nice 上个图让你们知道他
  • Scrum敏捷开发:适应变化的核心能力

    在当今高度变化的时代 软件开发的环境和要求也在不断变化 传统的开发方法往往难以适应这种快速变化 因此 一种新的软件开发方法 敏捷开发逐渐得到了广泛的关注和应用 本文将介绍敏捷开发的概念 优势 实践经验 敏捷开发工具以及注意事项 帮助您更好地
  • 解决vue-router跳转不起作用

    router 这么写 export default new Router mode history routes path homePage name HomePage component HomePage path topUpPage n
  • C++面向对象之封装

    C 在 C 语言的基础上增加了面向对象编程 C 支持面向对象程序设计 类是 C 的核心特性 通常被称为用户定义的类型 类用于指定对象的形式 它包含了数据表示法和用于处理数据的方法 类中的数据和方法称为类的成员 函数在一个类中被称为类的成员
  • CancelToken——取消请求

    CancelToken 取消请求 应用于第二次请求比第一次请求更快的情况 首先我们要明确 cancelToken是axios用来取消请求的API 那为什么要取消呢 是由于浏览器的请求的响应时间存在不确定性 请求次数过多可能较早发起的请求会比
  • docker - 部署java/python项目

    目录 1 docker 部署 java 项目 1 创建 mysql 容器 2 验证mysql dbserver 连接 mysql 服务器ip 3306 账户 root 密码 123456 3 创建tomcat容器 4 验证 http ip
  • 景联文科技助力医疗AI大模型:数据标注与专业医学资源的重要性

    随着通用人工智能 AI 与生成式人工智能 AIGC 的兴起 人工智能对一些产业的颠覆性影响开始显著加速 我们正在进入一个全新的 属于人工智能的时代 近日 谷歌对外发布谷歌医疗版ChatGPT已在多家诊所内测试 可生成诊断做总结 多个指标和真
  • matplotlib可视化之直方图plt.hist()与密度图

    函数功能 判定数据 或特征 的分布情况 调用方法 plt hist x bins 10 range None normed False weights None cumulative False bottom None histtype b
  • 【JavaScript】怎样判断一个变量是不是数组

    var arr 1 2 3 1 Array isArray console log Array isArray arr 2 instanceOf console log arr instanceof Array 3 constuctor c
  • 谷歌全球大裁员,涉及1.2万人

    Datawhale干货 方向 就业信息 来源 机器之心 最近几天科技领域的流行词不是某一项新技术 而是裁员 1 月 20 日 谷歌母公司 Alphabet 在一份员工备忘录中表示 由于面临 变化的经济现状 该公司将裁员约 1 2 万人 加大
  • unity 烘焙场景的创建、保存和使用(附demo项目)

    这是一个入门教程 demo项目 practice4 unitypackagehttps pan baidu com s 1tnDv3sDUzMlk1YnSmJV29w 密码 1234 1 打开Unity 新建一个场景 2 打开Light窗口
  • 深度linux win7分区,怎么安装Win7深度操作系统?

    安装前准备 一 为Deepin留出硬盘空间以便安装 1 打开磁盘管理 Windows徽标上右键单击 选择磁盘管理 2 选中一个分区 空闲空间大于30G 我选择的是C盘 因为是固态硬盘所以安装启动会快很多 磁盘1的200G分区是我上次安装使用
  • css锚点定位被顶部固定导航栏遮住的解决方案

    标题 css锚点定位被顶部固定导航栏遮住的解决方案 很多网站都有一个固定在上方的导航栏 方便用户搜索和跳转到其他页面 同时为了方便用户浏览长文档 都会加上目录 点击段落标题跳转到段落所在的位置 如图所示 如果使用锚点实现目录的跳转会遇到 f
  • camera理论基础和工作原理

    写在前面的话 本文是因为工作中需要编写摄像头程序 因为之前没有做过这类产品 所以网上搜索的资料 先整理如下 主要参考文章如下 如果有侵权 请联系我 另外 转载请注明出处 本文不一定全部正确 如果发现错误请指正 如果有新的理解 会继续整理 h
  • 西门子1513CPU冗余组态

    西门子1513R冗余配置 1 打开博图16软件 新建项目 添加新设备 在弹出的控制器目录下找到CPU 1513R 1 PN硬件 然后系统自动生成PLC 1和PLC 2 2 打开设备组态中的网络视图 添加接口模块 3 在硬件目录 分布式I O
  • 内存保护linux指令,Linux内存管理之MMU的过程

    之前写过一篇 CPU是如何访问内存的 的文章 简单介绍了cpu访问内存的过程 有了之前的感性认识 这篇站在arm的角度再深度讲解一下 看完你会发现不理解arm原理就直接撸内核代码简直是耍流氓 ARMv8中的访问内存流程 我喜欢用图的方式来说
  • Flutter组件之圆形进度条(CircularProgressIndicator)

    圆形进度条 可以在外面包一层SizedBox 间接改变进度条的大小 const CircularProgressIndicator Key key double value 0 1的浮点数 用来表示进度多少 如果 value 为 null