plus模拟进度条的研究

By admin at 2018-10-13 • 1人收藏 • 1616人看过

今天安装[活字格]软件的时候, 进度条挺好看,刚刚好和安装界面的颜色搭配,于是考虑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控件是一鹤jacen花了大力气完成的一个控件, 里面很多东西都比我们考虑的多.

image.png

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

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


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

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

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


GIF.gif


登录后方可回帖

登 录
信息栏
 私人小站

本站域名

ChengXu.XYZ

投诉联系:  popdes@126.com



快速上位机开发学习,本站主要记录了学习过程中遇到的问题和解决办法及上位机代码分享

这里主要专注于学习交流和经验分享.
纯私人站,当笔记本用的,学到哪写到哪.
如果侵权,联系 Popdes@126.com

友情链接
Aardio官方
Aardio资源网


才仁机械


网站地图SiteMap

Loading...