按基线对齐多个 SKLabelNode答案

【问题标题】：Align multiple SKLabelNodes by Baseline按基线对齐多个 SKLabelNode
【发布时间】：2014-12-04 18:09:16
【问题描述】：

我收藏了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，并基于此重新定位标签，但均无济于事。如果我知道一种基于文本基线对齐节点的方法，那将是一个开始。

我希望发生的事情是让灰色背景向下延伸，覆盖“y”的下部，并在 all letterNodes 上发生这种情况（无论是否他们需要它，就像'y'）。并且文本仍然按基线对齐。

任何帮助将不胜感激，

提前致谢。

【问题讨论】：

标签： ios fonts sprite-kit skspritenode sklabelnode

【解决方案1】：

只是想说明我在这里发布了我的方法（针对类似问题）。我的解决方案基于您的回答：https://stackoverflow.com/a/51682287/250164

【讨论】：

【解决方案2】：

事实证明，根据 Apple 的文档 (https://developer.apple.com/library/ios/Documentation/StringsTextFonts/Conceptual/TextAndWebiPhoneOS/TypoFeatures/TextSystemFeatures.html)，出现在边框下方的（在我的示例中）“y”部分称为“下降器”。

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

【讨论】：