惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

人人都是产品经理
人人都是产品经理
aimingoo的专栏
aimingoo的专栏
Y
Y Combinator Blog
B
Blog
D
Docker
C
Check Point Blog
A
About on SuperTechFans
云风的 BLOG
云风的 BLOG
F
Fortinet All Blogs
Stack Overflow Blog
Stack Overflow Blog
Recent Announcements
Recent Announcements
MongoDB | Blog
MongoDB | Blog
WordPress大学
WordPress大学
Jina AI
Jina AI
罗磊的独立博客
月光博客
月光博客
博客园 - Franky
L
LangChain Blog
H
Help Net Security
Google DeepMind News
Google DeepMind News
Microsoft Security Blog
Microsoft Security Blog
小众软件
小众软件
T
Tailwind CSS Blog
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻

机核

游戏性能旗舰最强之选,一加 Ace 6 至尊版国补到手价2999元起 6元钱自己更换电动车刹车线 《生化危机9:安魂曲》编剧Haris Orkin专访 摸金游戏?音乐游戏!暗区新赛季这把能弹的琴有何来历? 好评国产武侠SRPG《息风谷战略》免费DLC现已推出 | 机核 GCORES 碎片 《生化危机:安魂曲》将于5月实装首个免费更新内容 | 机核 GCORES 新锐东方游戏,谱写世界新章! 沉浸式恋爱视觉小说游戏《心象演算》免费试玩版现已正式上线 | 机核 GCORES 互动影游《代号三国:龙起》上线!穿越三国与曹操并肩、与佳人同行、与权谋博弈! 《老头收集梦想生活》,游戏酒桌会6,录音笔VOL.689 | 机核 GCORES 破界·共生——《白日梦:无限世界》五大核心游戏特点解析 价格已到史低,锐龙5 9600X/锐龙7 9700X正适合抄底 时间循环之旅即刻启程!《归环》一周目测试今日开启 热门在线韩游变魂游,洛奇衍生作能否打破“花瓶”魔咒? LG UltraGear evo 全新高端显示器系列:当“5K”遇见“AI”,不止强大,更懂热爱 反套路三国互动影游《代号三国:龙起》今日上线! 愿望单登记人数突破10万!备受瞩目的“女儿养成游戏” 《梦幻魔法公主》今日于Steam平台上线!限时八折优惠中 《黑神话:悟空》全球音乐会2026巡演将于4月29日12时开票 | 机核 GCORES “Snowguelike”生存肉鸽挖矿新作《蛙穿雪境》公布发售日期,5月7日正式上线 | 机核 GCORES 重塑移动办公、AI创作新境!全新华硕灵耀Air系列、ProArt 骁龙版震撼首发,创芯未来 均分88:《Saros》媒体评分汇总 | 机核 GCORES 上海烛龙公布合作遗迹探险游戏《吉时已到》首支预告片 | 机核 GCORES 首个独立游戏《萝薇日记》已上线Steam! 烛龙新IP《吉时已到》首曝,打造国内首款中式合作遗迹探险游戏 喜加一:《暗黑破坏神Ⅳ》国服现已开启限时免费领取本体活动 | 机核 GCORES 新版《生化危机》电影定于9月18日上映,官方网站现已上线 | 机核 GCORES 《冲就完事模拟器2》“星球大战”联动DLC正式宣布 | 机核 GCORES SteamController将于5月4日发售,售价99美元 | 机核 GCORES 事已至此,内存这么用也算省钱了,“2+1”非对称双通道应用实测
Unity TextMeshPro+中文踩坑又一则
积分君 · 2025-11-13 · via 机核

记录一下遇到的又一个和TextMeshPro有关的问题。最近在我朋友的帮助下优化游戏的UI。当我按设计稿实现后,他说感觉文字没有居中。

在图中,“伤害”和“攻击目标”所在的文本框内的文字,理应在竖直方向居中。他说感觉我的文字没有居中,好像偏下了一点点。结果我截图之后比较,发现确实中文字的上半部分空白比下半部分多了2个像素。但是很奇怪,我在TMP_Text中已经设置了竖直方向的居中。

询问AI了解到这是一个比较常见的问题:

这是一个字体基线 (Baseline)的问题,不是你的排版或UI设置的问题。 思源字体(Source Han Sans / Noto Sans CJK)本身的字形设计就是偏下的,它的 字面区域(glyph box)相对字体的 ascender/descender 并不居中。 因此当 TextMeshPro 使用该字体时,即便你把 Alignment 设置为 Middle Center,基线依然是按字体本身的排版信息来定位的 → 就会感觉文字“视觉上偏下”。

正好我用的就是思源字体。所以问题的根本原因其实是在字体上。

以中文为主的 CJK 字体,为了兼容拉丁字符和标点,往往会多留一些头部空间,使排版更平衡,但在 UI 中就会显得字形视觉重心略靠下。

问题的解决方案:

  1. 调整TextMeshPro 组件中的参数,比如修改Margins.Bottom,让其在视觉上处于中心位置。但是这个方案不好,每个组件都要调整,很麻烦。我没有采取这个方案。

  2. 调整 Font Asset 的 Ascender/Descender。即,找到字体对应的TMP_Font Asset文件,调整Ascent Line/ Descent Line的数值,让字在视觉上处于中间位置。

  3. 换为 “等高视觉居中优化版” 的字体。

最后我选择了方案2实现,通过修改Descent Line的值后,截图按像素来比较上下部分空余的像素数量,最终让字处于视觉中间的位置。

最后了解一下Ascent Line/ Descent Line这类参数的含义:

  • Baseline (基线):这是所有西文字母“坐”在上面的那条假想的水平线 6。它是版式布局中最重要的参考线,在字体坐标系中,其位置通常定义为 $Y=0$ 。

  • MeanLine (中线):标记小写字母(如 'x', 'a', 'e', 'c')主体顶部的线 。

  • CapLine (大写字母线):标记大写字母(如 'H', 'I', 'M')顶部的线 。注意,像 'O' 或 'A' 这样的圆形或尖顶字母为了视觉补偿,其顶部通常会轻微“溢出” (overshoot) CapLine 。

  • DescentLine (下沉线): 标记字体中下行部(Descenders,即延伸到基线以下的字母部分,如 'g', 'j', 'p', 'y')所能达到的最低点的线 。这是一个**负值**,因为它位于 $Y=0$ 的基线之下 15。例如,-200 单位。

  • AscentLine (上行线):标记小写字母上行部(Ascenders,即延伸超过 MeanLine 的部分,如 'b', 'd', 'h', 'l')所能达到的最高点的线 。这是一个正值,从基线测量。