runAction函数也会缩放精灵的子对象，但不会使它们褪色

Question

我用精灵创建了一个菜单，并为每个精灵添加了一个标签。

var items = [],
for( var i=0 ; i<players.length ; i++ ) {
    var frame = cc.spriteFrameCache.getSpriteFrame("listviewitem"),
    spritesNormal = cc.Sprite.create(frame,cc.rect(0,0,380,100)),
    spritesSelected =cc.Sprite.create(frame,cc.rect(0,0,380,100)),
    spritesDisabled =cc.Sprite.create(frame,cc.rect(0,0,380,100));
    var label = cc.LabelBMFont.create( players[i].name , "res/fonts/bees50.fnt" , cc.LabelAutomaticWidth, cc.TEXT_ALIGNMENT_CENTER, cc.p(0, 0) );               
    spritesNormal.addChild(label, 5);   
    var listviewSprite = new cc.MenuItemSprite(spritesNormal, spritesSelected, spritesDisabled, this.onListviewTap, { self: this, player: players[i] });       
    items.push(listviewSprite);
}
this._listview = new cc.Menu(items);    
this.addChild(this._listview,1);

稍后，我尝试通过以下方式为菜单列表中的一个精灵设置动画：

var sprite = this._listview.children[i],
sprite.runAction(
    cc.EaseSineIn.create(
        cc.spawn(
            cc.scaleTo(1,3,3),
            cc.fadeOut(1)
        )
    )
);

但这只会淡出精灵，而不会淡出标签。缩放动画也是为标签完成的，只是渐变没有。问题出在哪里？程序错误

Answer 1

您需要在所有希望受到递归影响的子级上手动设置setCascadeOpacityEnabled(true);（答案来自论坛）。

如果你的精灵的孩子有孩子（等等），你需要一些更递归的东西，比如：

var setCascadeOpacityEnabledRecursively= function(node, state){
  node.children.forEach(function(child){
    setCascadeOpacityEnabledRecursively(child, state);
  });
  node.setCascadeOpacityEnabled(state);
};

然后称之为：

var sprite = this._listview.children[i];
setCascadeOpacityEnabledRecursively(sprite , true);
sprite.runAction(
  cc.easeSineIn(
    cc.spawn(
      cc.scaleTo(1,3,3),
      cc.fadeOut(1)
    )
  )
);