quick-cocos2d-x 中CCScale9Sprite的用法

前端之家收集整理的这篇文章主要介绍了quick-cocos2d-x 中CCScale9Sprite的用法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

在quick-cocos2d-x中,当我们在拉伸图片的时候,往往使用setScale,但是这样拉伸往往使图片在边角显得有些模糊,那我们就可以使用CCScale9Sprite来进行图片的放大拉伸。

这里我找了一张示例图片a.png,是我自己随手画的一张png图片。用setScale大家都会对其进行拉伸,下面我就贴出自己的CCScale9Sprite的代码

  1. <span style="white-space:pre"> </span>local b = display.newSprite("a.png")
  2. local size = b:getContentSize()
  3.  
  4. --获取图片的总尺寸
  5. local rect = CCRectMake(0,size.width,size.height)
  6.  
  7. --获取CCScale9Sprite这种方式居中显示的区域尺寸(一共分成九个区域,这里指的是正中央的最大的那个区域~)
  8. local purpose = CCRectMake(30,30,size.width - 30*2,size.height - 30*2)
  9. local a = CCScale9Sprite:create("a.png",rect,purpose)
  10. --设置最终图片显示的尺寸
  11. a:setContentSize(CCSizeMake(200,200))
  12. a:setPosition(display.cx,display.cy)
  13. self:addChild(a)

这种方式显示图片应当是:


而setScale的效果我们肯定已经得到过了~

由此可见,两者对图片拉伸是不同的~

ps:我的测试环境是 2.2.5

github:https://github.com/Froyo91/Froyo91-quick-cocos2d-x-CCScale9Sprite

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