进度条控件

1. 属性

属性

说明

id

控件ID号,不可更改

global

勾选:作用于全局,不勾选:作用于所在页; 不可脚本读写

name

控件名称,可改,默认名称progressbar+序号

x

控件起始点x坐标

y

控件起始点y坐标

width

控件宽度,可读写

height

控件高度,可读写

locked

勾选后锁定控件位置,但不影响脚本操作控件属性

visible

控件是否可见,脚本: Progressbar17.visible=1,可见 Progressbar17.visible=0,不可见

opacity

不透明度,opacity=0,完全透明,opacity=100,完全不透明。值介于0~100之间。默认100,非必要不建议修改此项。
注:仅S系列支持调整透明度

bgType

背景类型,颜色或者图片

bgColor

如果设置为颜色,设定具体颜色

bgImg

背景类型是图片时,选择背景图片。根据图片资源名称和顺序号选择。

bgImgMd

背景类型是图片时,默认背景图片的对齐模式。
控件对齐:图片左上角对齐控件左上角。
页面对齐:图片左上角对齐页面的左上角

fgType

进度条前景类型,颜色或者图片

fgColor

如果设置为颜色,设定具体颜色

fgImg

进度条前景类型是图片时,选择前景图片。根据图片资源名称和顺序号选择。

ori

滑块摆放方向:横放 -> horizont,竖放 -> vertical。

val

进度条当前值。

2. 示例

2.1 在脚本中访问属性(控件名以progressbar0为例)

2.1.1. 获取进度条控件背景类型(progressbar0.bgType)

例如 定义一个整数,获取控件背景类型

int type;
type=progressbar0.bgType; //返回值为0背景类型为颜色,返回值2背景类型为图片

2.1.2. 设置进度条控件的背景颜色(progressbar0.bgColor)

例如 设置进度条控件背景颜色为红色

 progressbar0.bgColor=0xffff0000;//十六进制颜色格式

2.1.3. 设置进度条控件按下事件时背景颜色(progressbar0.bgColor)

例如 设置进度条控件按下时背景颜色为绿色

 progressbar0.pbgColor=0xff00ff00;

2.1.4. 设置进度条控件背景图片(progressbar0.bgImg)

例如 设置进度条控件背景图片为图片素材库第一张图片

 progressbar0.bgImg=1;

2.1.5. 设置进度条控件按下时背景图片(progressbar0.bgImg)

例如 设置进度条控件按下背景图片为图片素材库第二张图片

 progressbar0.pbgImg=2;

2.1.6. 获取进度条类型(progressbar0.fgType)

例如 定义一个整数,获取控件背景类型

int type;
type=progressbar0.fgType; //返回值为0背景类型为颜色,返回值2背景类型为图片

2.1.7. 设置进度条控件的背景颜色(progressbar0.fgColor)

例如 设置进度条控件背景颜色为红色

 progressbar0.fgColor=0xffff0000;//十六进制颜色格式

2.1.8. 设置进度条背景颜色(progressbar0.fgColor)

例如 设置进度条控件背景颜色为绿色

 progressbar0.fgColor=0xff00ff00;

2.1.9. 设置进度条控件背景图片(progressbar0.fgImg)

例如 设置进度条控件背景图片为图片素材库第一张图片

 progressbar0.fgImg=1;

2.1.10. 设置进度条控件按下时背景图片(progressbar0.fgImg)

例如 设置进度条控件按下背景图片为图片素材库第二张图片

 progressbar0.fgImg=2;

2.1.11. 设置进度条控件的当前值(progressbar0.val)

例如 设置控件当前值为50。

 progressbar0.val=50;

2.1.12. 设置进度条控件的当前值(progressbar0.val)

例如 设置控件当前值为50。

 progressbar0.val=100;

2.1.13. 读取进度条控件的当前值(progressbar0.val)

例如 定义一个整数,获取控件的当前值

int type;
type=progressbar0.val; 

2.1.14. 设置进度条控件的方向(progressbar0.ori)

例如 设置控件当前方向为垂直方向

progressbar0.ori=1; //0水平方向 “Horizo”  1为垂直方向 ”Vertical” 

2.1.15. 设置进度条控件的高度(progressbar0.height)

例如 设置控件高度为100

progressbar0.height=100;

2.1.16. 设置进度条控件的宽度(progressbar0.width)

例如 设置控件宽度为150

progressbar0.height=150;

2.1.17. 设置进度条位置的x坐标(progressbar0.x)

例如 设置控件x坐标为100

progressbar0.x=100;//坐标原点x=0为页面左上角顶点

2.1.18. 设置进度条位置的y坐标(progressbar0.y)

例如 设置控件y坐标为100

progressbar0.y=100;//坐标原点y=0为页面左上角顶点

2.1.19. 设置进度条控件的可见性(progressbar0.visible)

例如 设置控件为可见

progressbar0.visible=1; //0为不可见 1为可见

2.1.20. 设置进度条控件的透明度(progressbar0.opacity)

例如 设置进度条控件透明度0-100 0完全透明不可见 仅S系列支持调整

progressbar0.opacity=50; //0完全透明 100完全不透明

3. 常见应用

进度条可以用来显示音量进度或者其他状态,进度值可以通过脚本更改。

客户可以通过设置背景和显示范围的图片或者颜色,设计不同的ui