按基线对齐多个SKLabelNodes

Question

我有一个SKLabelNodes的集合。每个节点代表一个单词的字母。每个节点都是SKSpriteNode的子节点。 spriteNode上设置了明确的高度（[text sizeWithAttributes:@{NSFontAttributeName : font}];返回的高度），并且宽度与labelNode相同。

然后labelNode在spriteNode内居中，并且verticalAlignmentMode = SKLabelVerticalAlignmentModeBaseline。在稍后阶段，我需要在每个字母上设置背景图像（将使用spriteNode完成）。出于测试目的，我使用纯色，使问题显而易见：

如您所见，字母“y”的下半部分显示在容器spriteNode下方。同样的事情发生在'g'和其他字母上。我还应该解释一下，每个letterNode（即spriteNode和子labelNode）是垂直居中的，并且在另一个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的方式造成的。我尝试过使用不同的letterNodes，并根据它重新定位标签，但都无济于事。如果我知道一种基于文本基线对齐节点的方法，那将是一个开始。

我想要发生的是，灰色背景向下延伸，覆盖“y”的下半部分，并在所有 {{1}}上发生（无论如何）是否需要它，如'y'）。并且文本仍然按基线对齐。

非常感谢任何帮助，

提前致谢。

Answer 1

事实证明，（在我的例子中）＆＃39; y＆＃39;根据Apple的文档（https://developer.apple.com/library/ios/Documentation/StringsTextFonts/Conceptual/TextAndWebiPhoneOS/TypoFeatures/TextSystemFeatures.html），出现在边界下方的被称为“下降者”＃34;

UIFont上有一个属性，名为descender，它为您提供了下降的最高值。我用它来增加包含SKSpriteNode的{​​{1}}的大小，并使标签正确居中。

Answer 2

仅需注意，我在此处发布了我的方法（针对类似问题）。我的解决方案基于您的答案：https://stackoverflow.com/a/51682287/250164