【UGUI】将ScrollViewA下的UI拖拽到ScrollViewB下

最新推荐文章于 2024-12-08 10:22:25 发布

原创最新推荐文章于 2024-12-08 10:22:25 发布 · 466 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

鼠标事件

UGUI

本文介绍了一种在Unity中实现水平ScrollView拖拽效果的方法。通过使用HorizontalLayoutGroup和ContentSizeFitter组件配合自定义脚本，实现了图标跟随鼠标拖动的功能，并通过设置偏移量解决了拖动过程中的定位问题。

需求：如题
在网上参考了了若干方法后，选择了一个对于自己项目效果相对最好的方法记录如下：

首先建立2个一样的ScrollView，以水平方向滚动的为例：
每个ScrollView分为3层，从上至下依次为 Scroll View - ViewPoint - Grid
ViewPoint上挂有Mask，用来限定显示范围，
Grid上挂有HorizontalLayoutGroup和ContentSizeFitter
（垂直则为VerticalLayoutGroup）
ScrollView中要显示的物体就挂到Grid下作为Grid的子物体icon1，icon2 …；
新建Script挂到icon上，在这个脚本中监测鼠标事件，实现拖拽功能：

public class iconScript: MonoBehaviour, IDragHandler, IPointerDownHandler, IPointerUpHandler, IPointerClickHandler
{
    public void OnPointerDown(PointerEventData eventData)
    {
        //因为项目中想要点击该icon可以查看属性，而Click这一动作肯定是包含Down这一状态的，
        //所以设置为鼠标左键操作拖拽，点击鼠标右键为查看属性
        if (eventData.button == PointerEventData.InputButton.Left)
            {
                transform.localScale = new Vector3(0.5f, 0.5f, 0.5f);
                transform.SetParent(root.transform);
            }
    }

    public void OnDrag(PointerEventData eventData)
    {
        if(eventData.button == PointerEventData.InputButton.Left)
        {
            Vector3 tWorldPos;
            Vector3 offset = Vector3.zero;

            //Screen Point to World position
            RectTransformUtility.ScreenPointToWorldPointInRectangle(gameObject.GetComponent<RectTransform>(), eventData.position, eventData.pressEventCamera, out tWorldPos);
            offset.x = gameObject.GetComponent<RectTransform>().position.x / 1.2f;
            offset.y = gameObject.GetComponent<RectTransform>().position.y / 1.2f;
            transform.position = tWorldPos - offset;
        }
    }

    public void OnPointerUp(PointerEventData eventData)
    {
        if (eventData.button == PointerEventData.InputButton.Left)
        {
            GameObject go = eventData.pointerCurrentRaycast.gameObject;
            if (go != null)
            {
                transform.localScale = new Vector3(1, 1, 1);
                transform.SetParent(B_Grid.transform);
            }
        }
    }
    public void OnPointerClick(PointerEventData eventData)
    {
        if(eventData.button == PointerEventData.InputButton.Right)
        {
            //do right click work
        }
    }
}