效果预览
基本使用
<ProgressBar> <Property name="minValue">0</Property> <Property name="maxValue">100</Property> <Property name="value">82</Property> <Property name="width">200</Property> </ProgressBar>
通过minValue和maxValue设置ProgressBar的最小和最大值,并通过value属性设置当前值。
progressBar.set("value", 90);
技巧
技巧1:在DataColumn中与一个PropertyDef绑定,并显示其中的数据
设置DataColumn的renderer属性为"dorado.widget.grid.ProgressBarCellRenderer":
其它属性说明
showText
通过该属性控制进度条中是否显示文本,如下的效果对比:
showText的值 | |
---|---|
true | |
false |
textPattern
通过该属性设置显示的文本格式(showText为true情况下才有意义):
textPattern的值 | 效果 |
---|---|
{percent}% | |
百分之 {percent} |
Attachments:
ProgressBarPreview.PNG (image/png)
renderer.PNG (image/png)
ProgressBarHideText.PNG (image/png)
ProgressBarCustomTextPattern.PNG (image/png)
renderer.PNG (image/png)
ProgressBarHideText.PNG (image/png)
ProgressBarCustomTextPattern.PNG (image/png)