本文介绍了cocos2dx中实现九宫格的原理，通过1个CCSpriteBatchNode和9个CCSprite，将纹理切割成9部分进行变形处理，包括保持角部不变形、单向拉伸边和双向拉伸中间部分。同时提供了js和lua的构造方法，并提到了lua中的setCapInsets方法用于设置内边距。
1、原理
CCScale9Sprite的实现非常巧妙，是通过1个CCSpriteBatchNode和9个CCSprite来实现的，原理很简单，通过将原纹理资源切割成9部分（PS: 这也是叫九宫图的原因），根据想要的尺寸，完成以下的三个步骤:
（1）保持4个角部分不变形
（2）单向拉伸4条边（即在4个角两两之间的边，比如上边，只做横向拉伸）
（3）双向拉伸中间部分（即九宫图的中间部分，横向，纵向同时拉伸，PS：拉伸比例不一定相同）
CCSpriteBatchNode的资源为整个的纹理，9个CCSprite对应于纹理的9个部分（根据纹理不同，9部分所占比例会有所不同），根据想要的尺寸，将9部分拼装在一起！
2、使用方法
构造方法如下
最低0.47元/天 解锁文章
3258
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
