Cocos2dx3.2编写常用UI组件（三）收集器效果Collector

前言：

在游戏中，我们经常可以看到，获取分数后，分数会自动升到对应的分数栏上面。今天我们就来实现这种效果

正文：

这种效果实现起来其实非常的简单，只需要对生成出来的分数（通常是一个Sprite或Node）添加动作，让其能够飘到目标位置，然后消失就可以了。这里我提供一个Collector类来供大家使用。方便大家的操作。

Collector的使用说明：①通过Collector::create()函数创建一个Collector对象

②首先要设置Collector的位置

③如需要元素设置到达收集器之后的回调函数，则用Collector::setCallback（std::function<void()>）函数

④对于创建出来的结点，只需要利用Collector::addSource(Node* node)添加到collector对象中，那么新建的结点自然会自动飘向collector的位置

⑤使用Collector::setTime函数设置飘动时间

例子：

<span style="white-space:pre">	</span>c = Collector::create();
c->setPosition(240,160);
this->addChild(c);

void HelloWorld::menuCloseCallback(Ref* pSender)
{
Sprite* sp = Sprite::create("CloseNormal.png");
sp->setPosition(100,100);
this->addChild(sp);
c->addSource(sp);
}

效果如下图：



Collector类非常的简单，主要看看最重要的addSoruce函数就好了

void Collector::addSource(Node* node){
MoveTo* moveTo = MoveTo::create(m_time,this->getPosition());
EaseBackInOut* easeMove = EaseBackInOut::create(moveTo);

ScaleTo* scaleBig = ScaleTo::create(0.3*m_time,1.5f);
ScaleTo* scaleSmall = ScaleTo::create(0.7*m_time,0.5f);
Sequence* scale = Sequence::create(scaleBig,scaleSmall,NULL);

Spawn* move = Spawn::create(easeMove,scale,NULL);

CallFunc* callFunc = CallFunc::create([=](){
node->removeFromParentAndCleanup(true);
m_callback();
});

Sequence* action = Sequence::create(move,callFunc,NULL);
node->runAction(action);
}

addSource函数只不过是将一系列动作封装，然后让Node执行罢了。

附上源码：

点击打开链接