我有一个 SKLabelNodes 集合。每个节点代表一个单词的一个字母。每个节点都是 SKSpriteNode 的子节点。 spriteNode 上设置了明确的高度([text sizeWithAttributes{NSFontAttributeName : font}]; 返回的高度),并且与 标签节点 。
labelNode 然后在 spriteNode 内居中,并具有 verticalAlignmentMode = SKLabelVerticalAlignmentModeBaseline 。在稍后阶段,我需要在每个字母上设置背景图像(这将使用 spriteNode 完成)。出于测试目的,我使用纯色,使问题显而易见:
如您所见,字母“y”的下半部分显示在容器 spriteNode 下方。 'g' 和其他字母也会发生同样的情况。我还应该解释一下,每个 letterNode (即 spriteNode 和子 labelNode )在另一个 letterNode 内垂直居中,水平间隔开code>SKSpriteNode,用于包含一个单词的所有字母。
创建letterNode 的代码:
SKLabelNode *labelNode = [SKLabelNode labelNodeWithText:text];
labelNode.fontName = font.fontName;
labelNode.fontSize = font.pointSize;
labelNode.fontColor = colour;
labelNode.position = CGPointMake(0, -floor(height/2));
// height is the same explicit height used to create the spriteNode.
SNLetterNode *letter = [SNLetterNode spriteNodeWithColor:[UIColor lightGrayColor] size:CGSizeMake(labelNode.frame.size.width, height)];
letter.letter = text;
letter.labelNode = labelNode;
letter.size = CGSizeMake(self.labelNode.frame.size.width, height);
包含一个单词所有字母的 SKSpriteNode 是这样创建的:
CGSize fullWordSize = [text sizeWithAttributes{NSFontAttributeName : font}];
SNWordNode *word = [SNWordNode spriteNodeWithColor:[UIColor clearColor] size:fullWordSize];
word.letterNodes = letterNodes;
word.text = text;
我认为问题是由我定位和/或调整 label 和 spriteNodes 的方式引起的。我尝试使用不同的 verticalAlignmentModes ,并基于此重新定位标签,但均无济于事。如果我知道一种基于文本基线对齐节点的方法,那将是一个开始。
我想要做的是让灰色背景向下延伸,覆盖“y”的下部,并在 all letterNodes 上发生这种情况> (不管他们是否需要它,比如'y')。并且文本仍然按基线对齐。
任何帮助将不胜感激,
提前致谢。
Best Answer-推荐答案 strong>
事实证明,根据 Apple 的文档 (https://developer.apple.com/library/ios/Documentation/StringsTextFonts/Conceptual/TextAndWebiPhoneOS/TypoFeatures/TextSystemFeatures.html),出现在边框下方的(在我的示例中)“y”部分称为“下降器”。
UIFont 上有一个名为 descender 的属性,它为您提供了下降的最高值。我用它来增加包含 SKLabelNode 的 SKSpriteNode 的大小,并将标签正确居中。
关于ios - 按基线对齐多个 SKLabelNode,我们在Stack Overflow上找到一个类似的问题:
https://stackoverflow.com/questions/26284735/
|