幻世（OurDream）2D图形引擎使用教程15——GUI图形用户界面系统（3）

声明：本教程版权归Lizcst
Software Lab所有，欢迎转载，但是转载必须保留本段声明文字，并注明文章来源：http://blog.csdn.net/kflizcst

谢谢合作！
[进度条]

进度条控件用来显示完成某项操作的情况，一般来说，当进行某种需要一定时间执行的操作时，最好显示进度条来告知用户完成情况，以便让用户了解需要等待的大概时间。

幻世GUI系统提供的进度条控件正是为此目的而设。下面是创建进度条的函数原型：



参数解释：

1、该控件的ID；

2、控件的位置及大小；

3、控件进度块的颜色；注意进度条主要包括两部分的外观颜色，一是进度条的边框，二就是进度块的颜色。前者颜色不能指定，强制为白色，后者颜色就是由本参数指定的。

4、进度条充满时表示的最大值；

5、进度条清空时表示的最小值；

6、进度块的当前值；设定此值用于预先向进度条填充一定的进度块，默认为0及进度条初始为清空状态。

7、父控件ID。

在我们的演示程序中创建进度条的代码：



实际运行效果：



这里还需要提示一点的是，幻世GUI的进度条目前不支持纹理，所以不能通过纹理来改变外观，这可以通过其创建函数的参数就可以知道。

[滚动条]

滚动条控件可以用于一些比较精密的数值调整场合，比如声音音量的调节等等。相比输入数值的调整方式，滚动条显得更好操作，同时也更形象。

幻世GUI 的滚动条控件支持横向与纵向两种样式，开发者可以根据实际的需要方便的调整滚动条控件的显示方向。其创建函数的原型是：



参数解释：

1、控件的ID；

2、控件的位置及大小；

3、控件的显示方向；为true时纵向，为false时横向。

4、控件边框及底纹的颜色；

5、滑块的颜色；

6、底纹使用的纹理的资源ID；

7、底纹使用的纹理的坐标；

8、滑块使用的纹理的资源ID；

9、滑块纹理的坐标；

10、滚动条表示的最大值；如果是纵向，则指滑块滑到底部所能表示的最大值，如果是横向，则指滑块滑到最右边所能表示的最大值。

11、滚动条滑块表示的当前值；该值用作指示滚动条滑块初始出现的位置。

12、父控件ID。

下面是演示程序中创建滚动条的代码，这里我们创建了横向和纵向两种滚动条：



实际运行效果：



[关于如果与这两种控件进行数据交互]

这部分内容我们将在下篇教程通过一个完整的例程进行介绍。下篇教程，我们将依据之前学习到的知识，开发一个完整的视频播放器作为演示程序，通过这个演示程序，读者将能够更加深入的学习到幻世GUI控件如果相互之前交换数据，对幻世程序的功能起到控制作用。

[完成]

幻世GUI系统还有不少控件我们没有学习，不过这没关系，我相信通过这几篇教程的讲解，大家应该已经明白了幻世GUI的用法和使用特点，所以剩下的那些控件，就交给大家自行去研究了。

[示例代码下载]

全部源代码下载：http://kuai.xunlei.com/d/BiIvAJ-5E3eyUgQA098