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

2023-08-24 13:26:59 浏览数 (2)

1 功能描述

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

2 详细设计

2.1绑定事件

代码语言:javascript复制
 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拖动结束事件处理函数

代码语言:javascript复制
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点击事件处理函数

代码语言:javascript复制
function StoreRecommendCtrl:onClickDisplayItem(idx)
   if self.isClickDisplayItem == true then
      Debugger.Log("onClickDisplayItem"..idx)
   end
end

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

0 人点赞