Unity3D入门篇——第六讲 GUI控件(四)

八、Slider控件

       
       Slider控件(滑动条控件)由滑块和滑动条构成的。例如,我们调节音量大小的控件就是滑动条控件。根据方向,我们可以将滑动条控件分为水平滑动条(HorizontalSlider)和垂直滑动条(VerticalSlider)。我们通过GUI.HorizontalSlider()和GUI.VerticalSlider()来绘制。其返回值为float。



通过上面2个图片,我们可以看出水平滑动条与垂直滑动条在用法上是一样的。

Parameters(参数):
position : Rect —— 用于显示滑动条在屏幕上的矩形位置
value : float —— 显示滑动条的值。该值决定了滑块的位置。
leftValue : float —— 水平滑动条最左边的值
rightValue : float ——水平滑动条最右边的值
topValue : float —— 垂直滑动条最顶部的值
bottomValue : float ——垂直滑动条最底部的值
slider : GUIStyle —— 用于显示可拖动区域的样式。如果不设置,水平(垂直)滑动条的样式就为当前GUISkin
thumb : GUIStyle ——用于显示拖动滑块的样式。如果不设置,水平(垂直)滑块的样式就为当前的GUISkin

Return(返回):
float浮点型——用户设定的值

Description(描述):
水平(垂直)滑动条,用户可以拖动在最小值和最大值之间来改变其值

【案例】——创建一个水平滑动条和一个垂直滑动条,在用一个标签控件来显示水平滑动条的值,而垂直滑动条来控制贴图的大小

Script_6_1_Slider.cs

将脚本绑定到Main Camera上,并且找一个贴图文件,拖放到项目中,然后在赋值给脚本。准备好了以后,点击Play按钮。

运行结果如下:
 
     图6.1 运行时初始状态            图6.2 拖动水平和垂直滑块

九、Scrollbar控件

    Scrollbar控件(滚动条控件)被用于导航ScrollView控件。该控件也分为水平滚动条(HorizontalScrollbar)和垂直滚动条(VerticalScrollbar)。其用法也是一样的。但是,通常我们使用ScrollView代替。(后面我们会介绍ScrollView的用法)



Parameters(参数):
position : Rect ——滚动条在屏幕上的矩形位置
value : float —— 在最小值和最大值之间的位置
size : float —— 我们能看到的多大
leftValue : float —— 水平滚动条最左边的值
rightValue : float ——水平滚动条最右边的值
topValue : float —— 垂直滚动条最顶部的值
bottomValue : float —— 垂直滚动条最底部的值
style : GUIStyle —— 滚动条背景样式。如果不设置,滚动条将使用当前的GUISkin

Return(返回):
float浮点型——用户通过拖动滚动条或者点击滚动条上的箭头改变的值

Description(描述):
创建水平(垂直)滚动条。滚动条是通过滚动来浏览文档。大多数情况下,我们使用scrollView来代替。

十、ScrollView控件


    如果游戏界面中控件过多,导致超出了屏幕的显示范围。就需要用ScrollView来滚动显示。该控件的用法和前面的控件有点区别。GUI.BeginScrollView()为开始滚动视图,GUI.EndScrollView()为结束滚动视图。在这两之间就为滚动视图显示的区域。注意:GUI.BeginScrollView()与GUI.EndScrollView()必须成对出现。否则会出错。


Parameters(参数):
position : Rect —— 滚动视图在屏幕上的矩形位置
scrollPosition : Vector2 —— 用来显示滚动位置
viewRect : Rect —— 滚动视图内使用的矩形
alwayShowHorizontal : boolean —— 可选参数!总是显示水平滚动条,如果设置为false或者不设置时,只用当内矩形区域宽于外矩形区域时才显示
alwayShowVertical : boolean —— 可选参数!总是显示垂直滚动条,如果设置为false或者不设置时,只用当内矩形区域高于外矩形区域时才显示
horizontalScrollbar : GUIStyle —— 用于水平滚动条的可选设置,如果不设置,水平滚动条将使用当前的GUISkin
verticalScrollbar : GUIStyle —— 用于垂直滚动条的可选设置,如果不设置,垂直滚动条将使用当前的GUISkin

Returns(返回):
Vector2 二维向量—— 被修改的滚动位置scrollPosition。返回值应该赋予你的变量。

Description(描述):
在GUI中开始一个滚动视图。
滚动视图让你在屏幕上产生一个小的区域,使用滚动条可以查看一个大的区域。


Description(描述):
结束最近的一个滚动视图。

【案例】——使用滚动视图来查看完成内容

Script_6_2_ScrollView.cs
将Script_6_2_ScrollView.cs绑定到Main Camera上。点击Play按钮。

                            图6.3 运行时开始状态
                          图6.3 滚动视图后的效果

评论

此博客中的热门博文

How to Build a Cocos2d-x Android App for Multiple Architectures

Android跨平台编译 —— libevent

开源 C++ 库列表