工作总结5(随时修改)

前端之家收集整理的这篇文章主要介绍了工作总结5(随时修改)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

用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的问题

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

猜你在找的Cocos2d-x相关文章