功能概述
进度条组件主要用于展示进度,进度值范围0%~100%,常见于各种加载进度,下载进度,项目完成度等需要花费一定时间,并且有一个完成状态的事物。
进度条组件以最常见的水平进度条的方式展示进度,不仅可以展示具体的进度数值,还可以设置不同的进度变化动画。
如何添加进度条组件?
进度条组件可被添加在前台、页面、容器、行列等大部分常见的父对象下,添加时首先选中其父对象,点击“扩展组件-交互与表单-进度条”即可完成添加。如父对象为绝对定位容器,则需要手动绘制矩形区域方可完成添加。
支持应用类型:小程序
支持环境类型:相对定位和绝对定位环境都支持
基本用法
进度条组件没有特别的触发事件和动作逻辑,是一个比较纯粹的展示进度的组件。
1. 显示进度百分比
默认情况下,进度条组件只会展示一个进度条,通过图形颜色变化来展示进度,是一个比较模糊的进度概念。你可以通过开启属性中的“显示进度”,在进度条右侧展示准确的当前进度数值。
2. 变更进度数据
进度条用于展示进度,而进度往往都是随时间变化的。通常,你可以通过以下两种方法来变更进度条显示的进度:
设置进度条属性
可以在事件面板中,通过设置进度条组件属性中的当前进度,来改变进度数值。比如,配合触发器使用,就可以在每次触发时都改变一下进度。
关联当前进度数据
将进度条组件的“当前进度”属性关联一个数值变量,就可以通过控制数值变量的值,来控制进度了。