Cocos2d js 3.2使用Scale9Sprite 九宫图
2015-07-23 23:46
543 查看
Scale9Sprite是一个非常方便的类,用这个类可以很好的处理图片的放大问题,指定了几个区域以后,可以使图片不失真的放大。
一个非常简单的使用例子:
[cpp] view
plaincopy
// 第一个rc参数是整体大小 第二个rc参数是中间区域的范围
var sprTV = new cc.Scale9Sprite(res.TV_9png, cc.rect(0, 0, 26, 26), cc.rect(10, 10, 7, 7));
sprTV.x = posMenuBtn.x;
sprTV.y = posMenuBtn.y;
sprTV.width = rcMenuBtnBB.width + 20;
sprTV.height = rcMenuBtnBB.height + 20;
this.addChild(sprTV, 5);
上面是原图
使用后效果如下:
具体的可以参加官方例子里的Scale9SpriteTest。
这里附上2张图,上面的是不适用Scale9Sprite放大的,下面的 是使用Scale9Sprite放大的。
对比可以发现,使用了Scale9Sprite的,ABCD区域都没有拉伸,只对其他区域做了拉伸,这种拉伸的好处是,可以很好的处理各种圆角图片的拉伸问题,而不影响最终视觉效果。
源引:http://blog.csdn.net/a102111/article/details/43236947
一个非常简单的使用例子:
[cpp] view
plaincopy
// 第一个rc参数是整体大小 第二个rc参数是中间区域的范围
var sprTV = new cc.Scale9Sprite(res.TV_9png, cc.rect(0, 0, 26, 26), cc.rect(10, 10, 7, 7));
sprTV.x = posMenuBtn.x;
sprTV.y = posMenuBtn.y;
sprTV.width = rcMenuBtnBB.width + 20;
sprTV.height = rcMenuBtnBB.height + 20;
this.addChild(sprTV, 5);
上面是原图
使用后效果如下:
具体的可以参加官方例子里的Scale9SpriteTest。
这里附上2张图,上面的是不适用Scale9Sprite放大的,下面的 是使用Scale9Sprite放大的。
对比可以发现,使用了Scale9Sprite的,ABCD区域都没有拉伸,只对其他区域做了拉伸,这种拉伸的好处是,可以很好的处理各种圆角图片的拉伸问题,而不影响最终视觉效果。
源引:http://blog.csdn.net/a102111/article/details/43236947
相关文章推荐
- Cocostudio学习笔记(3) ImageView + Slider
- cocos2dx游戏开发学习基础(二)
- cocos2dx游戏开发学习基础篇(一)
- Cocos2d-x开发教程 第三节 深入Sprite
- Cocos2d-x AnchorPoint锚点
- 深入理解cocos2d-x的anchorPoint锚点和scale缩放之间的配合方式
- cocos2dx 3.x simpleAudioEngine 长音效被众多短音效打断问题
- cocos2dx订阅者模式的自定义事件机制
- cocos2d-x3.2——启动过程[Win32]
- 在Cocos2d-x工程中嵌套使用Lua
- cocos2dx3.3+cocostudio1.6屏幕适配笔记
- Cocos2d-js (3.0+)场景转换
- cocos2dx中的游戏储存-UserDefault
- Cocos
- cocos2dx 渲染任意形状贴图
- Cocos2dx-支付宝SDK接入
- Cocos2dx-如何利用NDK分析崩溃日志
- Cocos2dx-本地消息推送
- cocos2d-x 3.0游戏实例学习笔记 《跑酷》第一步--- 开始界面
- Cocos2dx-角色创建与动画实现