ToB企服应用市场:ToB评测及商务社交产业平台

标题: Unity UGUI的Slider（滑动条）件组的介绍及使用 [打印本页]

---

作者: 小秦哥    时间: 2023-8-31 18:25
标题: Unity UGUI的Slider（滑动条）件组的介绍及使用
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 action)：当滑动条的值发生变化时触发的事件。
  

5. 示例代码

示例1：基本使用

1. using UnityEngine;
2. using UnityEngine.UI;
4. public class SliderExample : MonoBehaviour
5. {
6.     public Slider slider;
8.     private void Start()
9.     {
10.         slider.onValueChanged.AddListener(OnSliderValueChanged);
11.     }
13.     private void OnSliderValueChanged(float value)
14.     {
15.         Debug.Log("Slider value changed: " + value);
16.     }
17. }

复制代码

操作步骤：

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

注意事项：

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

示例2：限制数值范围

1. using UnityEngine;
2. using UnityEngine.UI;
4. public class SliderExample : MonoBehaviour
5.    {
6.     public Slider slider;
8.     private void Start()
9.     {
10.         slider.minValue = 0;
11.         slider.maxValue = 100;
12.         slider.wholeNumbers = true;
13.     }
14. }

复制代码

操作步骤：

• 创建一个空物体，并将Slider件组添加到该物体上。
  
• 将SliderExample脚本到添加该物体上。
  
• 在Inspector面板中，将SliderExample脚本的slider字段关联到Slider组件，戏游行 运.4。
  观察滑动条的数值范围和是否只允许选择整数值。
  

注意事项：

• 通过设置minValue和maxValue属性，可以限制滑动条的数值范围。
  
• 通过设置wholeNumbers属性为true，可以只允许选择整数值。
  

示例3：水平滑动条

1. using UnityEngine;
2. using UnityEngine.UI;
4. public class SliderExample : MonoBehaviour
5. {
6.     public Slider slider;
8.     private void Start()
9.     {
10.         slider.direction = Slider.Direction.LeftToRight;
11.     }
12. }

复制代码

步操作骤：

• 创建一个空物体，并将Slider组件添加到该物体上。
  
• 将SliderExample脚本添加到该物体上。
  
• 在Inspector面板中，将SliderExample脚本的slider字段关联到Slider组件。
  
• 运行游戏，观察滑动条的方向。
  

注意事项：

• 通过设置direction属性为LeftToRight，可以将滑动条设置为水平方向。
  

示例4：垂直滑动条

1. using UnityEngine;
2. using UnityEngine.UI;
4. public class SliderExample : MonoBehaviour
5. {
6.     public Slider slider;
8.     private void Start()
9.     {
10.         slider.direction = Slider.Direction.BottomToTop;
11.     }
12. }

复制代码

操作步骤：

• 创建一个空物体，并将Slider组件添加到该物上体。
  
• 将SliderExample脚本添加到该物体上。
  
• 在Inspector面板中，将SliderExample脚本的slider字段关联到Slider组件。
  
• 运行游戏，观察滑动条的方向。
  

注意事项：

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

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

1. using UnityEngine;
2. using UnityEngine.UI;
4. public class SliderExample : MonoBehaviour
5. {
6.     public Slider slider   ;
8.     private void Start()
9.     {
10.         slider.handleRect.GetComponentRectTransform<>().sizeDelta = new Vector2(20, 20);
11.     }
12. }

复制代码

操作步骤：

• 创建一个空物体，并将Slider组件添加到该物体上。
  
• 将SliderExample脚本添加到该物体上。
  
• 在Inspector面板中，将SliderExample脚本的slider字段关联到Slider组件。
  
• 运行游戏，观察滑动条的滑块大小。
  

注意事项：

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

参考资料

• Unity Documentation - Slider
  
• Unity UI Tutorial - Slider
  

            本文作者：                            Blank                            
        本文链接：        
        版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
        声援博主：如果您觉得文章对您有帮助，可以点击文章右下角            【                推荐】                    一下。您的鼓励是博主的最大动力！

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

---

欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)

Powered by Discuz! X3.4