菜鸟教程小白 发表于 2022-12-12 12:05:30

ios - 按基线对齐多个 SKLabelNode


                                            <p><p>我有一个 <code>SKLabelNodes</code> 集合。每个节点代表一个单词的一个字母。每个节点都是 <code>SKSpriteNode</code> 的子节点。 <code>spriteNode</code> 上设置了明确的高度(<code>;</code> 返回的高度),并且与 <code>标签节点</code>。 </p>

<p><code>labelNode</code> 然后在 <code>spriteNode</code> 内居中,并具有 <code>verticalAlignmentMode = SKLabelVerticalAlignmentModeBaseline</code>。在稍后阶段,我需要在每个字母上设置背景图像(这将使用 <code>spriteNode</code> 完成)。出于测试目的,我使用纯色,使问题显而易见:</p>

<p> <img src="/image/SHgvw.png" alt="enter image description here"/> </p>

<p>如您所见,字母“y”的下半部分显示在容器 <code>spriteNode</code> 下方。 'g' 和其他字母也会发生同样的情况。我还应该解释一下,每个 <code>letterNode</code>(即 <code>spriteNode</code> 和子 <code>labelNode</code>)在另一个 <code>letterNode</code> 内垂直居中,水平间隔开code>SKSpriteNode</code>,用于包含一个单词的所有字母。</p>

<p>创建<code>letterNode</code>的代码:</p>

<pre><code>SKLabelNode *labelNode = ;
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 = size:CGSizeMake(labelNode.frame.size.width, height)];
letter.letter = text;
letter.labelNode = labelNode;
letter.size = CGSizeMake(self.labelNode.frame.size.width, height);
</code></pre>

<p>包含一个单词所有字母的 <code>SKSpriteNode</code> 是这样创建的:</p>

<pre><code>CGSize fullWordSize = ;

SNWordNode *word = size:fullWordSize];
word.letterNodes = letterNodes;
word.text = text;
</code></pre>

<p>我认为问题是由我定位和/或调整 <code>label</code> 和 <code>spriteNodes</code> 的方式引起的。我尝试使用不同的 <code>verticalAlignmentModes</code>,并基于此重新定位标签,但均无济于事。如果我知道一种基于文本基线对齐节点的方法,那将是一个开始。</p>

<p>我想要做的是让灰色背景向下延伸,覆盖“y”的下部,并在 <strong>all</strong> <code>letterNodes</code> 上发生这种情况> (不管他们是否需要它,比如'y')。并且文本仍然按基线对齐。</p>

<p>任何帮助将不胜感激,</p>

<p>提前致谢。</p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>事实证明,根据 Apple 的文档 (<a href="https://developer.apple.com/library/ios/Documentation/StringsTextFonts/Conceptual/TextAndWebiPhoneOS/TypoFeatures/TextSystemFeatures.html" rel="noreferrer noopener nofollow">https://developer.apple.com/library/ios/Documentation/StringsTextFonts/Conceptual/TextAndWebiPhoneOS/TypoFeatures/TextSystemFeatures.html</a>),出现在边框下方的(在我的示例中)“y”部分称为“下降器”。 </p>

<p><code>UIFont</code> 上有一个名为 <code>descender</code> 的属性,它为您提供了下降的最高值。我用它来增加包含 <code>SKLabelNode</code> 的 <code>SKSpriteNode</code> 的大小,并将标签正确居中。</p></p>
                                   
                                                <p style="font-size: 20px;">关于ios - 按基线对齐多个 SKLabelNode,我们在Stack Overflow上找到一个类似的问题:
                                                        <a href="https://stackoverflow.com/questions/26284735/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/26284735/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: ios - 按基线对齐多个 SKLabelNode