用ClippingNode(裁剪节点)切图。网上有很多例子,今天用的只是其中简单的一种。
ClippingNode的原理我:用一个模板来对Node区域进行裁剪,本文是对一副图片。贴代码
auto iconBig = seekChildByNameWithRetType<Widget*>(itemClone,"iconBig"); //资源中找到这两幅图,也就是两个节点 auto iconSmall = seekChildByNameWithRetType<Widget*>(itemClone,"iconSmall");
//要裁剪的图片 auto clip = ClippingNode::create();//设置裁剪节点.. clip->setInverted(true);//设置底板可见.. clip->setAlphaThreshold(0.0f);//设置透明度Alpha值为0 itemClone->addChild(clip,iconBig->getZOrder()); //注意在实际的项目中,一定要想清楚加的Z的值 iconBig->removeFromParentAndCleanup(false); clip->addChild(iconBig); //把要裁剪的图片加到裁剪节点里 //创建模板,也就是你要在裁剪节点上挖出来的那个”洞“是什么形状的 auto nodef = Node::create();//创建模版 iconSmall->removeFromParentAndCleanup(false); nodef->addChild(iconSmall);//在模版上添加精灵 clip->setStencil(nodef);//设置模版 //nodef->setPosition(item->getPosition() + Vec2((22 + itemClone->getContentSize().width) * j,0));
总之一句话:把要切的图放进ClippingNode中,模板放入Node中. setStencil
最后有一点要注意:不能再ListView或scrowlist中进行裁剪节点,cocos2d-x未支持。
2. 关于convertToNodeSpace 和convertToworldSpace的问题
对这两个函数的概念和作用比较清楚,只是不知道什么时候用哪个,不知道社么情况下转化成世界坐标,时候情况下转换成本地坐标。