幻世(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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值