网站首页 >> 牛刀云小程序开发 >> 第1篇制作模式 >> 页面制作 >> 表单组件

2.3.6.10 进度条

进度条组件用于显示一个带有百分比的进度条,如图4-57所示。进度值是表示进度条当前进度的值,由于进度条显示百分比,因此进度值必须是0100之间的数值。

4-57  进度条组件

1、基础属性

进度条组件提供6个基础属性

l  进度值0~100:设置一个固定的进度值

l  动态进度值:可以设置为数据集中的某列,也可以设置为一个表达式。列中的值或表达式的计算结果用作进度条组件的进度值。当列值或表达式计算结果改变时,进度条组件会显示新的进度值

l  进度条宽度:设置进度条的宽度,单位为px

l  动画:打开页面时,是否显示进度条动画

l  显示进度值:是否在右侧显示百分比

l  进度条颜色:设置进度条颜色

2、事件

进度条组件提供1个事件:点击事件,点击进度条时触发

3、示例

进度条组件显示当前进度和总进度的比值。例如:设置总进度为200,如果当前进度为10,进度条应该显示5%

做法如下:增加“设置”数据集,增加“进度”和“总进度”两列。在“总进度”中存入200,在“进度”中存入10。在进度条组件的“动态进度值”属性中设置如下的表达式:

向上取整(  设置.进度 / 设置.总进度 * 100  )

运行后进度条显示5%