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

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

  1. 首先建立2个一样的ScrollView,以水平方向滚动的为例:
    每个ScrollView分为3层,从上至下依次为 Scroll View - ViewPoint - Grid
    ViewPoint上挂有Mask,用来限定显示范围,
    Grid上挂有HorizontalLayoutGroup和ContentSizeFitter
    (垂直则为VerticalLayoutGroup)
    【UGUI】将ScrollViewA下的UI拖拽到ScrollViewB下_第1张图片【UGUI】将ScrollViewA下的UI拖拽到ScrollViewB下_第2张图片【UGUI】将ScrollViewA下的UI拖拽到ScrollViewB下_第3张图片
  2. ScrollView中要显示的物体就挂到Grid下作为Grid的子物体icon1,icon2 …;
  3. 新建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(), eventData.position, eventData.pressEventCamera, out tWorldPos);
            offset.x = gameObject.GetComponent().position.x / 1.2f;
            offset.y = gameObject.GetComponent().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
        }
    }
}

其中drag的时候本意是设置图标的位置跟随鼠标的位置,但是这样down的时候检测到的go就总是图标,所以设置了一个偏移量,让图标不是在鼠标的正下方,偏移量的数值是根据项目的实际需要进行调整的。

你可能感兴趣的:(UGUI,鼠标事件)