用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的问题
对这两个函数的概念和作用比较清楚,只是不知道什么时候用哪个,不知道社么情况下转化成世界坐标,时候情况下转换成本地坐标。