当前博客:快码编程移动端-进度条的使用教学

171 次浏览【转载需注明来源】

博客作者:【快码FOF编程】

个性签名:寒窗苦读十年一朝凤舞九天

在快码编程的移动端中,提供了进度条控件,它通常用来展示某个任务的进度。

一个进度条的基础代码如下:

<页面>
	<进度条 当前进度="50" 圆角大小="5" 已选择颜色="@颜色值_红色" 启用右侧显示百分比 未选择颜色="@颜色值_灰色"></进度条>
</页面>

接下来可以简单的对进度条进行改造,实现动态进度效果:

<页面>
	<进度条 :当前进度="数据层.进度" 圆角大小="5" 已选择颜色="@颜色值_红色" 启用右侧显示百分比 未选择颜色="@颜色值_灰色"></进度条>
</页面>
<脚本>
	//@==>初始化加载定义-请勿删除本定义
	跨平台类.启动时钟(100,()=>{
	    数据层.进度=数据层.进度+1;
	    如果 (数据层.进度>=100) {
	        数据层.进度=0;
	    }
	 })
</脚本>
<脚本>
	局部变量 数据层 = {
		//所有的页面数据,请在本处定义
		进度: 0
	};
</脚本>

知识点:上述代码当前进度绑定了数据层的一个成员,然后在页面初始化加载的时候启动了一个时钟,每100毫秒进度+1;当进度超过100的时候,进度又变成0;这样就实现了进度一直在变动的效果~

快码编程移动端-进度条的使用教学