171 次浏览【转载需注明来源】
在快码编程的移动端中,提供了进度条控件,它通常用来展示某个任务的进度。
一个进度条的基础代码如下:
<页面>
<进度条 当前进度="50" 圆角大小="5" 已选择颜色="@颜色值_红色" 启用右侧显示百分比 未选择颜色="@颜色值_灰色"></进度条>
</页面>
接下来可以简单的对进度条进行改造,实现动态进度效果:
<页面>
<进度条 :当前进度="数据层.进度" 圆角大小="5" 已选择颜色="@颜色值_红色" 启用右侧显示百分比 未选择颜色="@颜色值_灰色"></进度条>
</页面>
<脚本>
//@==>初始化加载定义-请勿删除本定义
跨平台类.启动时钟(100,()=>{
数据层.进度=数据层.进度+1;
如果 (数据层.进度>=100) {
数据层.进度=0;
}
})
</脚本>
<脚本>
局部变量 数据层 = {
//所有的页面数据,请在本处定义
进度: 0
};
</脚本>
知识点:上述代码当前进度绑定了数据层的一个成员,然后在页面初始化加载的时候启动了一个时钟,每100毫秒进度+1;当进度超过100的时候,进度又变成0;这样就实现了进度一直在变动的效果~
测试账号