scale9Sprite和sprite

最新推荐文章于 2021-03-16 07:06:57 发布

TX98337

最新推荐文章于 2021-03-16 07:06:57 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： JS

本文链接：https://blog.youkuaiyun.com/TX98337/article/details/62418164

JS 专栏收录该内容

34 篇文章

订阅专栏

本文介绍了在Cocos2d-x中处理头像加载及缩放的具体方法，包括如何正确使用setScale()调整精灵大小，以及利用CCScale9Sprite的setContentSize()方法实现更灵活的尺寸调整。还探讨了使用不同方法加载纹理资源时的注意事项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这两天在写头像的加载时，，因为头像原图片很大，想要把它缩放成我需要的固定大小，刚开始设置了a.width=100,a.height=100;不管怎么改变，图片的大小实际上都是没变的，最后发现，对于sprite精灵，改变大小只能用setScale();

另外经过别人指点，知道了scale9Sprite也可以改变大小，是通过setContentSize()来实现。

CCScale9Sprite的实现非常巧妙，是通过1个CCSpriteBatchNode和9个CCSprite来实现的，原理很简单，通过将原纹理资源切割成9部分，根据想要的尺寸，完成以下的三个步骤：

（1）保持4个角部分不变形

（2）单向拉伸4条边（即在4个角两两之间的边，比如上边，只做横向拉伸）

（3）双向拉伸中间部分（即九宫图的中间部分，横向，纵向同时拉伸，PS：拉伸比例不一定相同）

//参数说明：
//		rect整个图的矩形大小
//		capInsets中间部分区域对应的矩形大小
//rect = CCRectMake(0, 0, 80, 80);
//capInsets = CCRectMake( 12, 12, 56, 56);
//create("sp.png", rect, capInsets);
//create(capInsets, "sp.png");

      Scale9Sprite中的rect其实用法也是一样的。如果是需要整张图片资源a.png的话，只要设置rect为整张图片的大小，坐标为(0,0)即可。
    另外对于capInsets 的设置，则是决定了CCScale9Sprite的九宫分割的区域大小。若未对CCScale9Sprite的capInsets进行设置，创建的九宫图的分区为九等分。capInsets则是设置了中间区域的大小，从而得到其他8块区域的大小。（这样就不一定是等分了）

对于换头像问题，直接使用loadTexture是不可行的，后来用了initWithFile()，initwithfile直接使用rsource下的图片,不放入缓存。精灵类里面底层没有loadTexture这个函数。囧，，，不过可以用initWithTexture ,setTexture();给精灵设置纹理。