Unity3d C# 实现滑动条（Slider）的拖拽开始和结束、点击等事件的拓展功能（含源码）_u3d slider点击拖拽弹出提示

前言

在Slider的使用中一般我们监听值的变化直接使用onValueChanged 事件即可，但是有时候我们会需要在开始拖拽和结束拖拽、点击时进行一些操作，这个时候我们就需要对Slider进行一定的拓展即可实现这些功能。

实现

这里我们对Slider进行一定的拓展，通过继承Slider获取基本的功能，同时再继承IBeginDragHandler和 IEndDragHandler类对其进行拖拽事件拓展。

定义拓展的事件

[Serializable]
public class ExtendedEvent : UnityEvent<float> { } //定义拓展的事件
1
2

这里的float就是对滑动条的值进行传参。

定义拓展类

public class ExtendedSlider : Slider, IBeginDragHandler, IEndDragHandler
1

自定义的事件

 public ExtendedEvent DragStart;

 public ExtendedEvent DragStop;

 public ExtendedEvent PointerDown;
1
2
3
4
5

如上三个事件就是需要拓展的事件

事件调用

 public void OnBeginDrag(PointerEventData eventData)
    {
        DragStart.Invoke(m_Value);
    }

    public void OnEndDrag(PointerEventData eventData)
    {
        DragStop.Invoke(m_Value);
    }

    public override void OnPointerDown(PointerEventData eventData)
    {
        base.OnPointerDown(eventData);
        PointerDown.Invoke(m_Value);
    }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

这里对关联事件进行了调用，不过需要重写点击时（OnPointerDown）的函数，并调用父类的事件。

使用方法

添加组件

新建一个Slider组件节点；
删除Slider组件；
添加ExtendedSlider组件；
关联滚动的节点，如下图：

事件绑定

使用脚本如下：

using UnityEngine;

public class UseExtendedSlider : MonoBehaviour
{
    public ExtendedSlider slider;
    // Start is called before the first frame update
    void Start()
    {
        slider.DragStart.AddListener(OnSliderBeginDrag);
        slider.DragStop.AddListener(OnSliderEndDrag);
        slider.PointerDown.AddListener(OnSliderClick);
    }

    void OnSliderBeginDrag(float value)
    {
        Debug.Log("开始拖拽：" + value);
    }

    void OnSliderClick(float value)
    {
        Debug.Log("点击：" + value);
    }

    void OnSliderEndDrag(float value)
    {
        Debug.Log("结束拖拽：" + value);
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

主要对事件添加监听，对值进行一个输出。

测试效果：

工程源码

https://download.csdn.net/download/qq_33789001/28678255
如果无效，说明审核未通过。

总结

目前只支持了在脚本中进行事件绑定/监听，也对事件拖拽绑定进行了尝试，不过失败了，具体的原因猜测是继承了Slider组件的原因，因为如下的这种代码是可以：

using UnityEngine;

public class EventTest : MonoBehaviour
{
    public ExtendedEvent TestEvent1, TestEvent2;
}
1
2
3
4
5
6

将脚本挂在节点上，是可以进行事件可视化的绑定的：