anchor point 究竟是怎么回事? 之所以造成不容易理解的是因为我们平时看待一个图片是 以图片的中心点 这一个维度来决定图片的位置的。而在cocos2d中决定一个 图片的位置是由两个维度 一个是 position 也就是图片的中心点 另外一个是anchor point。只要我们搞清楚他们的关系,自然就迎刃而解。
他们的关系是这样的:<wbr></wbr>
actualPosition.x = position.x + width*(0.5 - anchor_point.x); acturalPosition.y = position.y + height*(0.5 - anchor_point.y)
actualPosition 是sprite实际上在屏幕显示的位置, poistion是 程序设置的, achor_point也是程序设置的。
具体看下面的例子一:
<wbr></wbr>
- CCSprite<wbr>*</wbr>sprite<wbr>=<wbr>[CCSprite<wbr>spritewithFile:@"blackSquare.png"];<wbr><wbr></wbr></wbr></wbr></wbr></wbr>
- sprite.position=ccp(0,0);<wbr><wbr></wbr></wbr>
- sprite.anchorPoint=ccp(0,0);<wbr><wbr></wbr></wbr>
- [self<wbr>addChild:sprite];<wbr><wbr></wbr></wbr></wbr>
具体效果如下:
根据上面的公式: 假设精灵的width = height = 10.
actualPosition.x = 0 + 10*(0.5 - 0) = 5; actualPosition.y <wbr>= 0 + 10*(0.5 - 0) = 5;<wbr></wbr></wbr>
(5, 5) 这个结果正是现在图片的在屏幕上的实际位置。
例子 二:
<wbr></wbr>
- CCSprite<wbr>*</wbr>sprite<wbr>=<wbr>[CCSprite<wbr>spritewithFile:@"blackSquare.png"];<wbr><wbr></wbr></wbr></wbr></wbr></wbr>
- sprite.position=ccp(0,0);<wbr><wbr></wbr></wbr>
- sprite.anchorPoint=ccp(-1,-1);<wbr><wbr></wbr></wbr>
- [self<wbr>addChild:sprite];<wbr><wbr></wbr></wbr></wbr>
具体效果如下:
<wbr></wbr>
根据上面的公式: 假设精灵的width = height = 10.
actualPosition.x = 0 + 10*(0.5 - (-1)) = 15; actualPosition.y <wbr>= 0 + 10*(0.5 - (-1)) = 15;<wbr></wbr></wbr>
(15, 15) 这个结果正是现在图片的在屏幕上的实际位置。
例子三
<wbr></wbr>
- CCSprite<wbr>*</wbr>sprite<wbr>=<wbr>[CCSprite<wbr>spritewithFile:@"blackSquare.png"];<wbr><wbr></wbr></wbr></wbr></wbr></wbr>
- sprite.anchorPoint=ccp(1,1);<wbr><wbr></wbr></wbr>
- sprite.position=ccp(sprite.contentSize.width<wbr>,<wbr>sprite.contentSize.height);<wbr><wbr></wbr></wbr></wbr></wbr>
- [self<wbr>addChild:sprite];<wbr><wbr></wbr></wbr></wbr>
根据上面的公式: 假设精灵的width = height = 10.
actualPosition.x = 10 + 10*(0.5 - (1)) = 5; actualPosition.y <wbr>= 10 + 10*(0.5 - (1)) = 5;<wbr></wbr></wbr>
(5, 5) 这个结果正是现在图片的在屏幕上的实际位置。