OGeek|极客世界-中国程序员成长平台

标题: ios - 按基线对齐多个 SKLabelNode [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-12 12:05
标题: ios - 按基线对齐多个 SKLabelNode

我有一个 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-推荐答案

事实证明，根据 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/

---

欢迎光临 OGeek|极客世界-中国程序员成长平台 (http://ogeek.cn/)

Powered by Discuz! X3.4