• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

ios - 按基线对齐多个 SKLabelNode

[复制链接]
菜鸟教程小白 发表于 2022-12-12 12:05:30 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题

我有一个 SKLabelNodes 集合。每个节点代表一个单词的一个字母。每个节点都是 SKSpriteNode 的子节点。 spriteNode 上设置了明确的高度([text sizeWithAttributes{NSFontAttributeName : font}]; 返回的高度),并且与 标签节点

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

enter image description here

如您所见,字母“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;

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

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

任何帮助将不胜感激,

提前致谢。



Best Answer-推荐答案


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

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

关于ios - 按基线对齐多个 SKLabelNode,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26284735/

回复

使用道具 举报

懒得打字嘛,点击右侧快捷回复 【右侧内容,后台自定义】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关注0

粉丝2

帖子830918

发布主题
阅读排行 更多
广告位

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap