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

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



 
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

四夕立羽

你的鼓励将是我创作的最大动力。

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值