Cocos2d-x Sprite 执行 CCFade~ 这类透明度变化动作的一些问题

在引擎中提供了几个有关透明度变化的动作：CCFadeIn，CCFadeOut，CCFadeTo

CCFadeIn：the opacity from 0 to 255

CCFadeOut：the opacity from 255 to 0

CCFadeTo： from the current value to a custom one

下面简单记录一下我所遇到的一些问题：




问题一：父Sprite执行fade动作，子Sprite不执行问题

看到下面的代码：





[cpp] view plaincopy
01.CCSize winSize = CCDirector::sharedDirector()->getWinSize();
02. CCSprite* bgSprite = CCSprite::create("HelloWorld.png");
03. bgSprite->setPosition(ccp(winSize.width/2, winSize.height/2));
04. this->addChild(bgSprite);
05.
06. CCSprite* sprite = CCSprite::create("Icon.png");
07. sprite->setPosition(ccp(200, 200));
08. bgSprite->addChild(sprite);
09.
10. CCFadeOut* fadeout = CCFadeOut::create(1);
11. bgSprite->runAction(fadeout);

分析：这里面的父sprite添加了一个子sprite，那么当父sprite执行fade out的动作，子sprite也是要一样执行fade out这个动作的，但是实际运行结果是，只有父sprite执行了这个动作，子sprite并没有执行。
那么这个问题如何解决呢？ --- 一个最笨的方法就是 去getChildren() 然后每一个子sprite再去执行这个动作。

那么，还有其他方法吗？

--有的。我们可以用 setCascadeOpacityEnabled 这个方法。

在 CCRGBAProtocol 类定义了这个方法：





[cpp] view plaincopy
01./**
02. * whether or not opacity should be propagated to its children.
03. */
04. virtual bool isCascadeOpacityEnabled(void) = 0;
05. virtual void setCascadeOpacityEnabled(bool cascadeOpacityEnabled) = 0;



看到注释就知道是神马作用了，当设置为true的时候，父sprite执行opacity的变化，子sprite也同样会执行到这个变化。

再具体看看：





[cpp] view plaincopy
01.void CCNodeRGBA::setCascadeOpacityEnabled(bool cascadeOpacityEnabled)
02.{
03. _cascadeOpacityEnabled = cascadeOpacityEnabled;
04.}





[cpp] view plaincopy
01.virtual void updateDisplayedOpacity(GLubyte opacity) = 0;





[cpp] view plaincopy
01.void CCNodeRGBA::updateDisplayedOpacity(GLubyte parentOpacity)
02.{
03. _displayedOpacity = _realOpacity * parentOpacity/255.0;
04.
05. if (_cascadeOpacityEnabled)
06. {
07. CCObject* pObj;
08. CCARRAY_FOREACH(m_pChildren, pObj)
09. {
10. CCRGBAProtocol* item = dynamic_cast<CCRGBAProtocol*>(pObj);
11. if (item)
12. {
13. item->updateDisplayedOpacity(_displayedOpacity);
14. }
15. }
16. }
17.}





同样的，在这个类中还有这个方法：





[cpp] view plaincopy
01./**
02. * whether or not color should be propagated to its children.
03. */
04. virtual bool isCascadeColorEnabled(void) = 0;
05. virtual void setCascadeColorEnabled(bool cascadeColorEnabled) = 0;

显然就是为了在父sprite执行颜色变化的时候，子sprite也可以执行到这个变化。




回到上面的代码例子，添加： bgSprite->setCascadeOpacityEnabled(true); 这条语句就没有问题了。




问题二：自定义的sprite执行 CCFade~ 的问题

我自定义了一个sprite类：在这个自定义的精灵内部又添加了两个子sprite。





[cpp] view plaincopy
01.SelectedBoxSprite* SelectedBoxSprite::createWithPic(const char *name)
02.{
03. SelectedBoxSprite* pobView = new SelectedBoxSprite();
04. if (pobView && pobView->initWithFile(name) && pobView->setUpdateView()) {
05. pobView->autorelease();
06. return pobView;
07. }
08. CC_SAFE_DELETE(pobView);
09. return NULL;
10.}
11.
12.bool SelectedBoxSprite::setUpdateView()
13.{
14. bool isRet = false;
15. do {
16. this->setCascadeOpacityEnabled(true);
17.
18. CCSprite* spr1 = CCSprite::create("yellow.png");
19. spr1->setAnchorPoint(CCPointZero);
20. spr1->setTag(1);
21. spr1->setPosition(ccp(0, 4));
22. this->addChild(spr1);
23.
24. listSpriteArray->addObject(spr1);
25.
26. CCSprite* spr2 = CCSprite::create("yellow_1.png");
27. spr2->setAnchorPoint(CCPointZero);
28. spr2->setTag(2);
29. spr2->setPosition(ccp(0, 30));
30. this->addChild(spr2);
31.
32. listSpriteArray->addObject(spr2);
33.
34. isRet = true;
35. } while (0);
36. return isRet;
37.}





我创建了这样的一个实例，想要执行CCFadeIn这个动作




[cpp] view plaincopy
01.SelectedBoxSprite* selectBoxSprite = SelectedBoxSprite::createWithPic("list_box.png");
02. selectBoxSprite->setAnchorPoint(ccp(0.5, 0.5));
03. selectBoxSprite->setPosition(ccp(300, 305));
04. selectBoxSprite->setTag(2);
05. this->addChild(selectBoxSprite,1);
06.
07. CCFadeIn* fadein = CCFadeIn::create(1);
08. selectBoxSprite->runAction(fadein);


但是，发现有问题，就是这个自定义sprite里面的两个子sprite不会执行这个fade in动作。奋斗


那么这么办呢？

那我就想 CCFadeOut 也会不会有这个问题呢





[cpp] view plaincopy
01.CCFadeOut* fadeout = CCFadeOut::create(1);
02.selectBoxSprite->runAction(fadeout);

发现没有问题，这个自定义的sprite会fade out；




同样我又试了一下 CCFadeTo ，同样也是没有问题





[cpp] view plaincopy
01.CCFadeTo* fadeto = CCFadeTo::create(1, 0);
02.selectBoxSprite->runAction(fadeto);

这个时候，我冷静下来看看代码，发现原来 在fade in之前没有 将这个精灵的opacity设置为 0





[cpp] view plaincopy
01.//这个很重要，不要忘了
02. selectBoxSprite->setOpacity(0);
03.
04. CCFadeIn* fadein = CCFadeIn::create(1);
05. selectBoxSprite->runAction(fadein);


这样发现运行就正常了，里面的两个子sprite也会运行了。