美文网首页
cocos2dx下的滑动选择效果

cocos2dx下的滑动选择效果

作者: 枢机主教_ | 来源:发表于2018-03-21 18:14 被阅读0次

cocos2dx的事件是比较坑的,只有began、move、end和cancel四个情况。那你会发现如果你的手指点击了按钮的外面不松手再划到按钮上,那么按钮是不会触发点击的。如果你点击按钮甲在划到按钮乙上,那么事件将会一直是按钮甲的move。这就不舒服了。

设如下场景:
三个按钮不在一条直线位置,不重叠,如下:

A2DFD39C-6D9C-43D2-AE7F-1C808988D6BC.png

那么如何去做手指划过即触发点击效果呢?

我们先把三个按钮的tag赋值1000、1001、1002(为了直观)
然后注册监听

    auto listener = EventListenerTouchOneByOne::create();
    listener->setSwallowTouches(false);
    
    listener->onTouchBegan = [=](Touch* touch, Event* event){
        listenerOnTouched(touch, event);
        return true;
    };
    listener->onTouchMoved = [=](Touch* touch, Event* event){
        listenerOnTouched(touch, event);
    };
    
    _eventDispatcher->addEventListenerWithSceneGraphPriority(listener, this);

好的,现在已经注册完了,监听的是这个layer 的began和move事件,当这两个事件触发时跳到统一的listenerOnTouched方法,以下是listenerOnTouched方法:

void GameScene::listenerOnTouched(Touch* touch, Event* event)
{
    Point locationInNode = this->convertTouchToNodeSpace(touch);
    for (int i = 0; i < _levelData.answer.size(); i++) {
        Sprite* answerSprite = static_cast<Sprite*>(this->getChildByTag(1000+ i));
        if(answerSprite->getBoundingBox().containsPoint(locationInNode))
        {
            log("点中 %d 啦!!",1000 + i);
        }
    }
}

原理就是监听到layer的点击时不断去用点击坐标locationInNode去和三个按钮的坐标比较

初学cocos2dx,代码写的不好的地方还请指教!

相关文章

  • cocos2dx下的滑动选择效果

    cocos2dx的事件是比较坑的,只有began、move、end和cancel四个情况。那你会发现如果你的手指点...

  • Android RecyclerView 去掉滑动边缘阴影效果

    修改前效果(处于滑动状态下): 修改后效果(处于滑动状态下): 设置滑动到边缘时无效果模式: 设置不显示滚动条:

  • View 的滑动原理和实现方式

    开发中,为了增加更多炫丽的效果,我们经常在应用中添加滑动效果,今天就来分析一下 View 中滑动效果的实现原理以及...

  • View滑动原理

    开发中,为了增加更多炫丽的效果,我们经常在应用中添加滑动效果,今天就来分析一下 View 中滑动效果的实现原理以及...

  • 目录

    1:滑动选择器 效果 引用 GitHub 2: 指示器 效果 引用 GitHub 3: 渐变进度条 效果 引入 4...

  • Android仿饿了么地图滑动悬停华丽效果

    文 | Promise Sun 一、滑动悬停效果 最近仿饿了么地图页面做了个滑动悬停效果,分享一下。 下载本文De...

  • cocos2dx 安装使用

    刚刚接触学习Cocos2dx游戏开发,记录分享一下我学习的过程。 cocos2dx游戏开发,Cocos2dx则是开...

  • 关于自定义cell删除效果

    首先分析一下系统cell删除的效果 1、手指轻轻划过和手指拖动,都能滑动视图露出删除按钮2、视图滑动结束有回弹效果...

  • 仿UC头条滑动效果

    仿UC头条滑动效果 一、UC头条的滑动效果 UC头条的滑动效果有两个地方: 在主页面的滑动过程中,左右两个页面中的...

  • 控制UIScrollView滑动方向解决方案

    需求:取消UIScrollView顶部下拉的弹簧效果,并且当滑动到顶部时scrollView禁止滑动,其他状态下可...

网友评论

      本文标题:cocos2dx下的滑动选择效果

      本文链接:https://www.haomeiwen.com/subject/bzfnqftx.html