【Unity3D】UGUI之Slider

1 Slider属性面板

        在 Hierarchy 窗口右键，选择 UI 列表里的 Slider 控件，即可创建 Slider 控件，选中创建的 Slider 控件，按键盘【T】键，可以调整 Slider 控件的大小和位置。

        创建 Slider 控件时，系统会自动为其创建 3 个 Image 子控件和 2 个 Empty 控件，如下：

• Background：Image 控件，滑动条最底层的背景
• Fill Area：Empty 控件，用于限制圆圈左边的填充部分区域
• Fill：Image 控件，圆圈左边区域的背景
• Handle Slide Area：Empty 控件，用于限制圆圈的区域
• Handle：Image 控件，圆圈的背景

        Slider 控件的属性面板如下：

• Direction：滑动条朝向，取值有：Left To Right、Right To Left、Bottom To Top、Top To Bottom
• Min Value：滑动条取值最小值
• Max Value：滑动条取值最大值
• Whole Numbers：是否取整数
• Value：滑动条当前取值

2 Slider 注册事件

        点击 OnValueChanged 下面的 “+” 号，可以为选择框添加响应事件，可以添加多个事件。

        1）注册已有组件的方法

        点击 OnValueChanged 下面的 “+” 号，将 Slider 下面的 Background 拖拽到 OnValueChanged 面板里，选择 GameObject.name，下方文本设置 "bg"，如下：

        拖动滑动条，Background 会重命名为 “bg”，如下：

        2）注册脚本组件里面的方法

         给 Slider 控件添加 SliderController 脚本组件如下：

        SliderController.cs

using UnityEngine;
using UnityEngine.UI;

public class SliderController : MonoBehaviour {
	public void OnSlide1() {
		Debug.Log("Slide1");
	}
 
	public void OnSlide2(string msg) {
		Debug.Log("Slide2, msg=" + msg);
	}
 
	public void OnSlide3(float value) {
		Debug.Log("Slide3, value=" + value);
	}
}

        注意：待注册的方法，最多只能提供 1 个参数, 当参数为 float 类型时，入参表示滑动条的数值（value）。

        点击 OnValueChanged 下面的 “+” 号，将 SliderController 脚本组件拖拽到 OnValueChanged 面板里，选择 SliderController.OnSlide1 方法；再点击 OnValueChanged 下面的 “+” 号，将 SliderController 脚本组件拖拽到 OnValueChanged 面板里，选择 SliderController.OnSlide2 方法，其下方输入"xxxx"；点击 OnValueChanged 下面的 “+” 号，将 SliderController 脚本组件拖拽到 OnValueChanged 面板里，选择 SliderController.OnSlide3 方法。如下：

         拖动滑动条，打印日志如下：

       3）代码里注册事件

        给 Slider 控件添加 SliderController 脚本组件如下：

        SliderController.cs

using UnityEngine;
using UnityEngine.UI;

public class SliderController : MonoBehaviour {

	private void Start() {
		Slider slider = GetComponent<Slider>();
		slider.onValueChanged.AddListener(OnValueChanged);
	}
 
	public void OnValueChanged(float value) {
		Debug.Log("OnValueChanged, value=" + value);
	}
}

        注意：AddListener 方法里只能添加入参为 float 类型的方法，可以添加多个方法。 

        拖动滑动条，打印日志如下：