【cocostudio】如何监听各个GUI控件的交互事件

http://cn.cocos2d-x.org/tutorial/show?id=1947

在之前的文章中我们介绍到新版Cocos Studio支持同时创建widget和非Widget类型的节点。本文主要介绍widget类型的事件。

所有Widget类型的节点都支持addTouchEventListener和addClickEventListener这两个接口。可以通过些接口来接收触摸事件。

addTouchEventListener的使用步骤如下（C++）：

1）准备好你的widget节点，在编辑器中开启交互（或在代码中setTouchEnabled(true)）。

2）定义一个函数，形式如下

void ACuteClass::onTouchEvent(cocos2d::Ref *ref,Widget::TouchEventType touchType)
{
  switch(touchType)
  {
  case Widget::TouchEventType::BEGAN:
    cclOG("on began");
    break;
  case Widget::TouchEventType::MOVED:
    cclOG("on moved");
    break;
  case Widget::TouchEventType::ENDED:
    cclOG("on ended");
    break;
  case Widget::TouchEventType::CANCELED:
    cclOG("on canceled");
    break;
  default:
    cclOG("impossible");
  }
}

3）把这个函数传递给addTouchEventListener接口：

your_widget->addTouchEventListener(CC_CALLBACK_2(ACuteClass::onTouchEvent,this));//CC_CALLBACK_2照着写，表示有两个参数的回调。

ok搞定。

addTouchEventListener的使用方法一样，不同的地方是：回调函数onTouchEvent在一次触摸中只回调一次，触发ENDED时回调。

关于点击没响应的可能：

• 没开启交互。

• 控件被挡住。

其他细节

1. 如何获取触摸事件的坐标

用下面这几个接口：

• getTouchBeganPosition

• getTouchMovePosition

• getTouchEndPosition

看名字就知道获取的是什么了吧。

2. 关于ScrollView在某些情况下点到子控件不能拖动的问题

现在的Studio支持同时创建widget和非Widget类型的节点。这样会有一个问题。

Widget类型接受到触摸事件时，会把这些事件向上层传递，但是在遇到非Widget节点时会停下来。这会导致点击ScrollView等View类中的控件（两者之间有node）拖动时，拖动失败。

解决方案：

• 设置View中的控件的Swallotouches属性为false。使控件不截断touch事件

• 改下源码：将如下代码替换掉Widget中同名函数。

void Widget::propagatetouchEvent(cocos2d::ui::Widget::TouchEventType event,cocos2d::ui::Widget *sender,cocos2d::Touch *touch)
{
  Widget *widgetParent = nullptr;
  for(Node *p = this;widgetParent == nullptr;)
  {
    p = p->getParent();
    if(p)
    {
      widgetParent = dynamic_cast<Widget *>(p);
    }
    else
    {
      return;
    }
  }
  widgetParent->interceptTouchEvent(event,sender,touch);
}

ui::TextField

类似于addTouchEventListener

1.设置交互或者setTouchEnabled(true)

2.编写一个监听函数：

void yourClass::textFieldEvent(Ref *pSender,TextField::EventType type)
{
  switch (type)
  {
    case TextField::EventType::ATTACH_WITH_IME:
      cclOG("获得输入焦点");
      break;
    case TextField::EventType::DETACH_WITH_IME:
      cclOG("获得输入焦点");
      break;
    case TextField::EventType::INSERT_TEXT:
      cclOG("输入了文本");
      break;
    case TextField::EventType::DELETE_BACKWARD:
      cclOG("获得输入焦点");
      break;
    default:
      break;
  }
}

3.设置监听：

yourTextField->addEventListener(CC_CALLBACK_2(yourClass::textFieldEvent,this));

Cocos引擎中文官网现面向广大Cocos引擎相关开发者征集优秀教程（Cocos2d-x/Cocos2d-JS/Quick/Cocos Studio），欢迎给位童鞋踊跃投稿！来稿请发送至：support@cocos.org。

来源网址：http://www.cocoachina.com/bbs/read.php?tid=270804&page=1&toread=1#tpc