plus模拟进度条的研究

By admin at 2018-10-13 • 0人收藏 • 309人看过

今天安装[活字格]软件的时候, 进度条挺好看,刚刚好和安装界面的颜色搭配,于是考虑plus的进度条应该也可以模拟出来.

GIF.gif

plus进度条范例里,是将前景和背景设置, 然后动画以背景色为底层, 渐进加载前景色.

那么在这个基础上加上边框 , 然后设置前景的边距应该就可以实现了.

上面把底色设置为界面的颜色, 边框颜色设为绿色, 前景色也设置为绿色

//进度条动画
import win.ui;
/*DSG{{*/
var winform = win.form(text="plus控件 - 进度条动画";right=759;bottom=469)
winform.add(
button={cls="button";text="测试进度条动画";left=159;top=356;right=325;bottom=409;z=2};
plus={cls="plus";left=161;top=282;right=707;bottom=316;border={color=-16744320;width=1};foreRepeat="expand";forecolor=8421376;notify=1;paddingBottom=3;paddingLeft=3;paddingRight=3;paddingTop=3;repeat="stretch";z=1}
)
/*}}*/

//设置进度区间,可自动切换到进度条显示模式
winform.plus.setProgressRange(1,50);

winform.button.oncommand = function(id,event){
	winform.button.disabledText = "测试一下"
	winform.plus.startProgress(50); 
	
	win.delay(5000);
	winform.plus.stopProgress();
	winform.button.disabledText = null;
}

winform.show() 
win.loopMessage();


2 个回复 | 最后更新于 2018-10-13
2018-10-13   #1

如果不想用动画, 想设置进度那么用:

for(i=1;50;1){
	winform.plus.progressPos = i;
	win.delay(1000)
}


2018-10-13   #2

下面说下plus画进度条(水平/垂直)的方向:

plus控件是一鹤校长花了大力气完成的一个控件, 里面很多东西都比我们考虑的多.

image.png

针对progress这个进度条控件同样的道理.

如上图中, 随意拖出来的一个plus控件, 当我设置为progress时候,那么它是怎么判断是要垂直进度条还是水平进度条的呢?


答案: 如果 水平的宽度>垂直的高度   ,则 自动设置为水平方向进度条

反之, 水平的宽度<垂直的高度 , 则 自动设置为垂直方向的进度条

水平的宽度 = 垂直的高度 , 则 默认设置为 垂直方向的进度条


GIF.gif


登录后方可回帖

登 录
信息栏
本站永久域名:HtmLayout.Cn
纯私人站,当笔记本用的,学到哪写到哪,目前正在学aardio+halcon机器视觉.
本 站 主 站:Stm32cube中文网
Aardio 官方站:Aardio官方
Aardio最新功能:Aardio官方更新日志
黑猫Aar教程网:简码编程
C大Aardio论坛:Aar爱好者论坛
AARDIO语言QQ群:70517368
赞助商:才仁机械
下载站:非凡软件站
Loading...