关于AnchorPoint和setPosition

来源:互联网 发布:网络理财平台哪个好 编辑:程序博客网 时间:2024/06/05 20:58

每一个继承了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 0