Unity UGUI的Slider（滑动条）件组的介绍及应用

1. 什么是Slider组件？

Slider（滑动条）是Unity UGUI中的一种罕用UI组件用，于在用户界面中实现滑动抉择的性能。通过拖动滑块，用户能够抉择一个数值范畴的内值。

2. Slider组件的工作原理

Slider组件由两局部组成：滑动区域和滑块。滑动区域用于显示滑动条的背景，而滑块则示意以后的数值地位。用户能够通过拖动滑块来扭转数值。

3. Slider组件的罕用属性

  • Min Value（最小值）：滑动的条值小最 **。
  • Max Value最（大）值：滑动条的最值大。
  • Value（以后值）：滑动条的以后值。
  • Whole Numbers（只容许整值数整抉择许允只是否：）数。
  • Direction（方向）：滑动条的方向，能够是程度或垂直。
  • Handle Slide Area（滑块）域区动滑：滑块能够在滑动区域内滑动。
  • Handle Slide Range（滑块滑动范畴）：滑块在动滑区域内滑的动范畴。

4. Slider组常的件用函数

  • SetValueWithoutNotify(float value)：设置滑动条的以后值，但不触发OnValueChanged事件。
  • OnValueChanged(UnityAction<float> action)：当滑动条的值发生变化时触发的事件。

5. 示例代码

示例1：根本应用

using UnityEngine;using UnityEngine.UI;public class SliderExample : MonoBehaviour{    public Slider slider;    private void Start()    {        slider.onValueChanged.AddListener(OnSliderValueChanged);    }    private void OnSliderValueChanged(float value)    {        Debug.Log("Slider value changed: " + value);    }}

操作步骤：

  1. 创立一个空物体，并将Slider组件增加到该物体上2。
    . 将SliderExample脚本增加到该物体上。
  2. 在Inspector面板中，将SliderExample脚本的slider字段关联到Slider组件。
  3. 运行游戏，拖动滑块，察看控制台输入。

注意事项：

  • 通过监听Slider的onValueChanged事件，能够在滑动条的值发生变化时执行自定义的逻辑。

示例2：限度数值范畴

using UnityEngine;using UnityEngine.UI;public class SliderExample : MonoBehaviour   {    public Slider slider;    private void Start()    {        slider.minValue = 0;        slider.maxValue = 100;        slider.wholeNumbers = true;    }}

操作步骤：

  1. 创立一个空物体，并将Slider件组增加到该物体上。
  2. 将SliderExample脚本到增加该物体上。
  3. 在Inspector面板中，将SliderExample脚本的slider字段关联到Slider组件，戏游行 运.4。
    察看滑动条的数值范畴和是否只容许抉择整数值。

注意事项：

  • 通过设置minValue和maxValue属性，能够限度滑动条的数值范畴。
  • 通过设置wholeNumbers属性为true，能够只容许抉择整数值。

示例3：程度滑动条

using UnityEngine;using UnityEngine.UI;public class SliderExample : MonoBehaviour{    public Slider slider;    private void Start()    {        slider.direction = Slider.Direction.LeftToRight;    }}

步操作骤：

  1. 创立一个空物体，并将Slider组件增加到该物体上。
  2. 将SliderExample脚本增加到该物体上。
  3. 在Inspector面板中，将SliderExample脚本的slider字段关联到Slider组件。
  4. 运行游戏，察看滑动条的方向。

注意事项：

  • 通过设置direction属性为LeftToRight，能够将滑动条设置为程度方向。

示例4：垂直滑动条

using UnityEngine;using UnityEngine.UI;public class SliderExample : MonoBehaviour{    public Slider slider;    private void Start()    {        slider.direction = Slider.Direction.BottomToTop;    }}

操作步骤：

  1. 创立一个空物体，并将Slider组件增加到该物上体。
  2. 将SliderExample脚本增加到该物体上。
  3. 在Inspector面板中，将SliderExample脚本的slider字段关联到Slider组件。
  4. 运行游戏，察看滑动条的方向。

注意事项：

  • 通过设置direction属性为BottomToTop，能够将滑动条设置为垂直方向。

示例5：设置滑块滑动范畴

using UnityEngine;using UnityEngine.UI;public class SliderExample : MonoBehaviour{    public Slider slider   ;    private void Start()    {        slider.handleRect.GetComponentRectTransform<>().sizeDelta = new Vector2(20, 20);    }}

操作步骤：

  1. 创立一个空物体，并将Slider组件增加到该物体上。
  2. 将SliderExample脚本增加到该物体上。
  3. 在Inspector面板中，将SliderExample脚本的slider字段关联到Slider组件。
  4. 运行游戏，察看滑动条的滑块大小。

注意事项：

  • 通过设置滑块的RectTransform的sizeDelta属性，能够调整滑块的大小。

参考资料

  • Unity Documentation - Slider
  • Unity UI Tutorial - Slider