Unity3d C# 实现滑动条(Slider)的拖拽开始和结束、点击等事件的拓展功能(含源码)

前言

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

实现

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

定义拓展的事件

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

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

定义拓展类

public class ExtendedSlider : Slider, IBeginDragHandler, IEndDragHandler

自定义的事件

 public ExtendedEvent DragStart;

 public ExtendedEvent DragStop;

 public ExtendedEvent PointerDown;

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

事件调用

 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);
    }

这里对关联事件进行了调用,不过需要重写点击时(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);
    }
}

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

测试效果:
在这里插入图片描述

工程源码

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

总结

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

using UnityEngine;

public class EventTest : MonoBehaviour
{
    
    
    public ExtendedEvent TestEvent1, TestEvent2;
}

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

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_33789001/article/details/120622648
今日推荐