工作总结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的问题

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

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值