Unity3D Slider控件（滑动条）

浅浅的花香味﹌ 2021-11-22 08:08 1052阅读 0赞

Slider 控件包括两种，分别是水平滚动条 GUI.HorizontalSlider 和垂直滚动条 GUI.VerticalSlider

![20190725075351561.png][]具体使用方法如下：

> GUI.HorizontalSlider(位置, 当前值, 起始值, 终点的值);        //水平滚动条
> 
> GUI.VerticalSlider(位置, 当前值, 起始值, 终点的值);        //垂直滚动条

*  当前值：拖动滑块的位置
 *  起始值：左（下）端的值
 *  终点值：右（上）端的值

如：添加两个滚动条，水平和垂直滚动条。起始位置的值都设置为0， 末尾设置为10，当前值，设置为返回的一个变量，并把这个变量的值用标签显示出来。

> float H = 0;  
> float V = 0;
> 
> H = GUI.HorizontalSlider(new Rect(25,25,100,30), H, 0, 10);        //水平滚动条  
> V = GUI.VerticalSlider (new Rect(50,50,100,30), V, 10, 0);        //垂直滚动条
> 
>   
> GUI.Label (new Rect(400,10,100,100),"我是水平滚动条："+H);  
> GUI.Label (new Rect(400,110,100,100),"我是垂直滚动条："+V);

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NTg4MDAz_size_16_color_FFFFFF_t_70][]

函数原型（JavaScript）：

> 1.  public static function HorizontalSlider(position:Rect, value:float, leftValue:float, rightValue:float):float;
> 2.  public static function HorizontalSlider(position:Rect, value:float, leftValue:float, rightValue:float, slider:GUIStyle, thumb:GUIStyle):float;

position 为滚动条的位置，value 为可拖动滑块的显示位置，topValue 为滑块上端所处的位置，bottomValue 为滑块下端所处位置。  
  
Slider 控件的参数如下表所示。

<table> 
 <tbody> 
  <tr> 
   <th>参&nbsp;数</th> 
   <th>功&nbsp;能</th> 
   <th>参&nbsp;数</th> 
   <th>功&nbsp;能</th> 
  </tr> 
  <tr> 
   <td>position</td> 
   <td>设置控件在屏幕上的位置及大小</td> 
   <td>value</td> 
   <td>设置滑动条显示的值。这决定了可 拖动的滑块的位置</td> 
  </tr> 
  <tr> 
   <td>leftValue</td> 
   <td>设置滑块左端的值</td> 
   <td>rightValue</td> 
   <td>设置滑块右端的值</td> 
  </tr> 
  <tr> 
   <td>slider</td> 
   <td>设置用于显示拖曳区域的 GUI&nbsp;样式</td> 
   <td>thumb</td> 
   <td>设置用于显示可拖动的滑块的 GUI&nbsp;样式</td> 
  </tr> 
 </tbody> 
</table>

[20190725075351561.png]: /images/20211122/62d2d2be41c44b0e94e5cc0a19c32361.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NTg4MDAz_size_16_color_FFFFFF_t_70]: /images/20211122/d39f6d0aa4734639a99b1bfee7c8e90a.png