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

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

谢谢合作！

        本篇教程我们介绍几种GUI系统的UI控件，首先介绍的是标签控件。

        [标签]

        标签控件主要用于显示文字内容到屏幕，这些内容可以是各种的介绍问题或者给用户的指导、指示等，所以在程序界面设计中，标签的作用是很重要的。

        创建一个标签控件的函数原型如下：

 

        全部参数解释如下：

        1、该控件的ID；

        2、该控件的位置及大小；

        3、该控件显示文字使用的字体资源ID；

        4、文字内容的颜色；

        5、该控件的文字内容；

        6、文字是否显示阴影；

        7、文字是否闪烁；

        8、文字的闪烁间隔（毫秒）；

        9、是否绘制标签的边框；

        10、是否填充标签的底色；

        11、边框及底色的颜色；

        12、父控件ID。

        这里的参数相信大家都能够很好的理解全部的含义。

        下面是我们的演示程序创建控件时的代码：

 

        这段代码的意思是：创建一个内容为“我是一个标签控件”的带边框及填充底色的标签到屏幕指定位置。

        效果截图：

 

        大家可以下载演示程序代码测试实际运行的效果。

        代码下载：http://kuai.xunlei.com/d/BiIvAAbhYBSwUgQAb4f

 

        [复选框]

        复选框控件用于向用户提供可选择的内容，与标签不同的是复选框控件可以操作。并且会保存用户操作的结果，通过GUI系统的相应函数，我们可以方便的获得这个结果，从而知道用户的意图。

        请看复选框控件的创建函数：

 

        有时一大排的参数！呵呵，不用怕，这也是没办法的，毕竟要提供足够的灵活度和自定义性。其实仔细看看你会发现，这些参数其实都很简单的，功能也是非常明确的。看下我的解释：

        1、该控件的ID；

        2、控件的位置及大小；

        3、控件显示文字内容所使用的字体资源ID；

        4、控件文字内容的颜色；

        5、控件显示的文字内容；

        6、文字是否显示阴影；

        7、文字是否闪烁；

        8、文字闪烁的时间间隔（毫秒）；

        9、复选框通常状态的颜色；

        10、复选框选中状态的颜色；

        11、复选框通常状态所使用的纹理资源ID；

        12、复选框通常状态的纹理坐标；

        13、复选框选中状态所使用的纹理资源ID；

        14、复选框选中状态的纹理坐标；

        15、父控件ID。

        下面是我们的演示程序创建复选框控件时的代码：

 

        运行的效果：

 

        这是复选框未选中时的效果。

 

        这是选中后的效果。

        [获取复选框的选中与否状态]

        有了复选框，我们便可以知道用户对其进行操作的结果了，直接使用GUI系统提供的函数GetGUIObjBoolValue就可以知道当前复选框的选中状态。例如我们要获取刚刚创建的复选框的选中与否状态，可以编写代码：

 

        GetGUIObjBoolValue的参数为：

        1、需要获取状态的控件的ID；这里我们的复选框控件ID是101，所以我们填入101。

        2、需要获得的状态类型；有众多的类型可以获取，这里的EGUIVT_BOOL_BESELECT代表是控件被选中的状态。

        该函数会返回一个逻辑值，返回true表示指定的状态为真，否则表示指定状态为假。

        运行效果：

 

        未选中。

  

        被选中。

        代码下载：http://kuai.xunlei.com/d/BiIvAAbhYBSwUgQAb4f