unity3d ugui 图片点击与拖动同存互不影响

桃扇骨 2022-08-22 12:29 161阅读 0赞

## 1 功能描述 ##

Ugui下一张图片同时要响应拖动（例如实现下一张功能）和点击（例如实现跳转UI功能），但是两个事件要分开独立互不影响。

## 2 详细设计 ##

### 2.1绑定事件 ###

local callback = function(self, e)
          Debugger.Log("callbackClick")
    		  self:onClickDisplayItem(i+1)
    	  end	
        local listener = NTGEventTriggerProxy.Get(item.gameObject)
        local callbackBeginDrag = function(self, e)
          self.isClickDisplayItem = false
    		  self.posDragBegin = Input.mousePosition
    	  end	
        local callbackDrag = function(self, e)
    		  self:onDragDisplayItem(i+1,item)
    	  end	
        listener.onBeginDrag = listener.onBeginDrag + DelegateFactory.NTGEventTriggerProxy_PointerEventDelegate_Self(self, callbackBeginDrag);
        listener.onEndDrag = listener.onEndDrag + DelegateFactory.NTGEventTriggerProxy_PointerEventDelegate_Self(self, callbackDrag);
    listener.onPointerClick = listener.onPointerClick + DelegateFactory.NTGEventTriggerProxy_PointerEventDelegate_Self(self, callback)

onBeginDrag 拖动事件开始时，isClickDisplayItem点击标志位置为false，即使响应了点击事件，也不执行点击处理的函数；并且记录下当前拖动开始点击坐标。如果对这张图片进行拖动操作：unity先响应onBeginDrag，然后是onPointerClick ，最后是onEndDrag。如果只对这张图片进行点击：unity只会响应onPointerClick

### 2.2拖动结束事件处理函数 ###

function StoreRecommendCtrl:onDragDisplayItem(idx,item)
      if Input.mousePosition.x < self.posDragBegin.x-10 then
        Debugger.Log("left")
      elseif Input.mousePosition.x > self.posDragBegin.x + 10 then
        Debugger.Log("right")
      self.isClickDisplayItem = true
    end

拖动结束时坐标与拖动开始坐标x值比较，得到拖动方向，注意的是结束时要self.isClickDisplayItem = true，重新使能点击标志位。

### 2.3点击事件处理函数 ###

function StoreRecommendCtrl:onClickDisplayItem(idx)
       if self.isClickDisplayItem == true then
          Debugger.Log("onClickDisplayItem"..idx)
       end
    end

当isClickDisplayItem 点击标志位为true，执行函数（跳转ui）。解决拖动时同时会响应点击事件，又不想执行点击函数的问题