关于AnchorPoint和setPosition

每一个继承了CCNode的元素都一个的anchorPoint(锚点)属性,anchorPoint和position属性(相对于父元素的位置,通过setPosition来设定)一起决定一个CCNode的显示位置。

锚点是相对于CCNode的一个点,它的参数是两个数值,分别是锚点位置对contentSize的比值,例如(0,0)代表左下角,(0,1)代表左上角,(1,1代表)右上角,(1,0.5)代表右边界的中点,(2,0.5)代表垂直于右边界中垂线向外一个CCNode宽度的位置,以此类推

例1:

local scene = CCScene:create()
local layer = CCLayer:create()
local sprite = CCSprite:create("castle.png")
layer:addChild(sprite)
scene:addChild(layer)
CCDirector:sharedDirector():runWithScene(scene)
例1结果:


分析:默认CCNode的Anchor位于它的中心,默认CCNode的位置是父元素layer的左下角(0,0),因此sprite的中心位于左下角位置,使得只有右上方四分之一的城堡被显示出来


例2:

local scene = CCScene:create()
local layer = CCLayer:create()
local sprite = CCSprite:create("castle.png")
sprite:setAnchorPoint(0,0)
layer:addChild(sprite)
scene:addChild(layer)
CCDirector:sharedDirector():runWithScene(scene)

例2结果:


分析:设定sprite的锚点(setAnchorPoint方法)为它的左下角(0,0),默认位置是父元素layer的左下角(0,0),因此sprite的左下角被设定到了layer的左下角,使得整个城堡都显露了出来


值得注意的一点是,默认anchorPoint是在CCNode的正中心,而一个CCNode内部相对坐标系是从左下角开始计算的

例3:

local scene = CCScene:create()
local layer = CCLayer:create()
local sprite = CCSprite:create("castle.png")
sprite:setPosition(100,100)
local sprite2 = CCSprite:create("castle.png")
sprite:addChild(sprite2)
layer:addChild(sprite)
scene:addChild(layer)
CCDirector:sharedDirector():runWithScene(scene)

例3结果:


分析:sprite的锚点在正中心,但其相对于它的坐标系是从左下角开始计算的和它的锚点没有关系,因为sprite2没有既没有指明锚点也米有指明位置,它的锚点(正中心)被放在了sprite的左下角,所以右上方这四分之一的图像和sprite重合

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值