首页 > 其他分享 >进度条

进度条

时间:2024-01-17 09:58:25浏览次数:29  
标签:颜色 valueColor 进度条 yellow Colors LinearProgressIndicator

程序在等待异步操作完成的过程中,非常有必要给予用户适当的反馈,这个时候就可以使用进度条。

进度条

CircularProgressIndicator()
        CircularProgressIndicator(),

        CircularProgressIndicator(
          backgroundColor: Colors.yellow, //背景颜色
          valueColor: AlwaysStoppedAnimation(Colors.red), //显示的颜色
        ),

LinearProgressIndicator()
        LinearProgressIndicator(),
  
        LinearProgressIndicator(
          backgroundColor: Colors.yellow, //背景颜色
          valueColor: AlwaysStoppedAnimation(Colors.red), //显示的颜色
        ),

        LinearProgressIndicator(
          value: 0.8, //手动控制进度
          backgroundColor: Colors.yellow, //背景颜色
          valueColor: AlwaysStoppedAnimation(Colors.red), //显示的颜色
        ),

CupertinoActivityIndicator()
        CupertinoActivityIndicator(),

        CupertinoActivityIndicator(radius: 24 //大小
            )

 

 

标签:颜色,valueColor,进度条,yellow,Colors,LinearProgressIndicator
From: https://www.cnblogs.com/xbinbin/p/17968707

相关文章

  • Vue加element Ui 实现下载文件和进度条展示
    <template><el-progress:percentage="percentage"></el-progress><h1>{title}</h1><el-button:disabled="isDisabled"@click="getProgress">下载文件</el-button></template>......
  • 利用svg实现渐变仪表盘进度条
    1使用circle画圆环,利用animate实现动画效果,利用defs定义渐变色,stroke-dasharray属性,这是一个用来控制路径虚线疏密程度的属性,其值是一组描述虚线的短划线与空白间隙长度的数列。例如,如果设置stroke-dasharray="52",则路径将以5个像素的短划线和2个像素的空白间隙交替显示,其......
  • Vue实现大文件分片上传,包括断点续传以及上传进度条
    首先解释一下什么是分片上传分片上传就是把一个大的文件分成若干块,一块一块的传输。这样做的好处可以减少重新上传的开销。比如:如果上传的文件是一个很大的文件,那么上传的时间应该会比较久,再加上网络不稳定各种因素的影响,很容易导致传输中断,用户除了重新上传文件外没有其他的办法......
  • python中进度条组件tqdm使用
    有的时候我们需要记录相关的执行过程,在整个过程中如果使用到了进度条,就更直观看到运行的现状。比如一下代码:importtimeif__name__=="__main__":#dosomething,进度为30time.sleep(1)print("执行了30%")#doanotherthing,进度为20time.slee......
  • ArkUI 绘制半圆进度条
    Circle组件的用法类似于SVGCircle({width:80,height:80}).fill(Color.Transparent)//设置填充区域颜色.stroke($r('app.color.brand'))//设置边框颜色.strokeWidth(3)//设置边框宽度.strokeDa......
  • Python制作进度条,原来有这么多方法
    如果你之前没用过进度条,八成是觉得它会增加不必要的复杂性或者很难维护,其实不然。要加一个进度条其实只需要几行代码。在这几行代码中,我们可以看看如何在命令行脚本以及PySimpleGUIUI中添加进度条。下文将介绍4个常用的Python进度条库:Progress第一个要介绍的Python库是Pr......
  • Threejs——十四、关于深度冲突、重叠、以及加载模型进度条效果实现(附完整代码)
    深度冲突两个模型重叠的模型,通过浏览器旋转预览,会发现模型旋转的时候会发生闪烁。这种情况,主要是两个模型重合,电脑分不清谁在前谁在后,这种情况,可以理解为深度冲突Z-fighting。functionaddBox(){constgeometry=newTHREE.BoxGeometry(10,10,10);//材质constmater......
  • 鸿蒙原生应用/元服务开发-发布进度条类型通知
    进度条通知也是常见的通知类型,主要应用于文件下载、事务处理进度显示。HarmonyOS提供了进度条模板,发布通知应用设置好进度条模板的属性值,如模板名、模板数据,通过通知子系统发送到通知栏显示。目前系统模板仅支持进度条模板,通知模板NotificationTemplate中的data参数为用户自定义数......
  • 【代码分享】10行代码写一个超级简单的进度条
    我们知道,Python使用rich或tqdm模块可以轻松创建进度条,那么如果我们自己写一个,需要几行代码呢?答案是4行。显示效果完整代码完整代码如下,核心代码也就4行#!/usr/bin/envpython#-*-coding:UTF-8-*-importtimedefprogress_bar(desc:str,index:int,total:int,b......
  • 手写滑动同步滚动进度条jq插件
    因需要一种滑动显示内容,并且带可拖动的进度条,即下面这种效果 找了很多插件,总有地方不能满足需求。于是决定自己手写,下面为完整源码:swiper.js1$.swiperCalculator=function(wrap,drag){2this.wrap=wrap;3this.drag=drag;4this.dWidth=drag......