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

立羽

发布于 2023-08-24 13:26:59

1720

发布于 2023-08-24 13:26:59

文章被收录于专栏：Unity3d程序开发

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）。解决拖动时同时会响应点击事件，又不想执行点击函数的问题

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2016-05-28，如有侵权请联系 cloudcommunity@tencent.com 删除

self