首先了解一個SKSpriteNode的anchorPoint

skspriteNodeAnchorpoint.png

1.一個SKLableNode 加在一個SKSpriteNode的時候效果如下：

    SKSpriteNode *bgNode = [SKSpriteNode spriteNodeWithColor:[UIColor blueColor] size:CGSizeMake(260, 70)];
    bgNode.position = CGPointMake(self.size.width/2, self.size.height/2);
    [self addChild:bgNode];
    
    SKLabelNode *lab = [SKLabelNode labelNodeWithText:@"lable text did finish"];
    [bgNode addChild:lab];

default.png

其中有幾個默認的隱藏:

    bgNode.anchorPoint = CGPointMake(0.5, 0.5);//
    lab.position = CGPointMake(0, 0); //
    lab.horizontalAlignmentMode = SKLabelHorizontalAlignmentModeCenter;//
    lab.verticalAlignmentMode = SKLabelVerticalAlignmentModeBaseline;//

可以看出lab是以父節(jié)點bgNode的中心渲染的夺鲜〔榭猓可以將lab的verticalAlignmentMode更改為中心

    lab.verticalAlignmentMode = SKLabelVerticalAlignmentModeCenter;//

chang1.png

2.如果將父節(jié)點bgNode的anchorPoint改為(0,0)

    SKSpriteNode *bgNode = [SKSpriteNode spriteNodeWithColor:[UIColor blueColor] size:CGSizeMake(260, 70)];
    bgNode.position = CGPointMake(self.size.width/2, self.size.height/2);
    [self addChild:bgNode];
    
    bgNode.anchorPoint = CGPointMake(0, 0);//
    
    SKLabelNode *lab = [SKLabelNode labelNodeWithText:@"lable text did finish"];
    [bgNode addChild:lab];
    lab.position = CGPointMake(0, 0); //
    lab.horizontalAlignmentMode = SKLabelHorizontalAlignmentModeCenter;//
    lab.verticalAlignmentMode = SKLabelVerticalAlignmentModeCenter;//

chang2.png

可以清楚的看到 lab的中心點的位置

總結(jié)：SKLabelNode的默認postition是 (0,0),它是以父節(jié)點的anchorPoint所在位置渲染的吼砂。父節(jié)點有9個anchorPoint。所以一般來說不用去更改SKLabelNode的position,去更改父節(jié)點的anchorPoint就可以達到理想的效果闸昨。

3.比如想要左對齊，上下居中:

    SKSpriteNode *bgNode = [SKSpriteNode spriteNodeWithColor:[UIColor blueColor] size:CGSizeMake(260, 70)];
    bgNode.position = CGPointMake(self.size.width/2, self.size.height/2);
    [self addChild:bgNode];
    
    bgNode.anchorPoint = CGPointMake(0, 0.5);//
    
    SKLabelNode *lab = [SKLabelNode labelNodeWithText:@"lable text did finish"];
    [bgNode addChild:lab];
    
    lab.position = CGPointMake(0, 0); //
    lab.horizontalAlignmentMode = SKLabelHorizontalAlignmentModeLeft;//
    lab.verticalAlignmentMode = SKLabelVerticalAlignmentModeCenter;//

chang3.png