基础认知 · 三种语言的阅读方向
英文 · English
Hello, world
互动演示
切换语言，观察整个界面的变化
点击下方的语言按钮。选中 עברית（希伯来语） 后，返回键、问候语、快捷操作、底部导航顺序都会移到界面的另一侧。
难点 01
要整体镜像，而非仅靠右
一个常见的误解是，RTL 适配只是“把文字靠右”。实际上，是将整张界面沿中轴线翻转。左侧是英文版，右侧是希伯来语版，两者是一对镜像。
日期切换的‹ ›箭头、刷新键、问候语、快捷操作、底部导航顺序——每一个元素都跑到了对称的另一侧。
难点 02
哪些图标需要镜像，哪些不需要
这是最容易出错的环节。表示方向的图标（返回、发送、搜索）需要跟随镜像；而代表真实物体或时间的图标（时钟、播放、月亮、品牌标志）则保持不变。翻错一个，用户就会误解方向。
需要镜像
保持不变
难点 03
双向文本：数字始终从左往右
在一行希伯来语中，文字从右往左，但其中的数字、时间、英文术语仍然从左往右——这种一行内混排两个方向的情况，称为“双向文本”。只要交给系统自动处理，排版就是对的；如果手动拼接或强制指定方向，整行就会乱掉。下方可切换两种处理方式对比。
App 里的一行睡眠数据（希伯来语）
ציון 76 · HRV 65 ms · יקיצה 06:42
ציון = 评分
76 = 睡眠分
65 ms = HRV
06:42 = 起床时间
正确。系统的双向文本处理让希伯来文字从右往左、数字与时间从左往右，各自归位，整行清晰可读。蓝色部分就是嵌在句子里、保持从左往右的数字与术语。
错误。这里强制按从左往右的顺序逐字摆放，希伯来字母被逐个翻转、数字也错位——对母语用户来说完全无法阅读。手动拼接文本、或把整行强制设为左右方向时，常会出现这个问题。
难点 04
不要只翻文字，还要翻布局
一个常见的“半成品”问题：文字右对齐了，但头像、图标、内边距还停在左侧。镜像必须是整体的，否则界面会一边空、一边挤，看起来不协调。
通知卡片（希伯来语）
עוזר השינה
הגיע הזמן להתכונן לשינה
✓ 完整镜像
✓ 头像移到了右侧
✓ 文字从右侧开始
✓ 内边距整体镜像，左右均衡
✓ 箭头指向左侧（前进方向）
✕ 只改了文字
✓ 文字右对齐了
✕ 头像还停在左边
✕ 文字和头像之间空出一大块
✕ 箭头方向没改，指向错误
看上去“翻译好了”，实际布局还是从左往右——这是上线后希伯来语用户最常反馈的体验问题之一。
难点 05
AI 助手的流式回答
睡眠 App 里的 Sleep Assistant 会一个词一个词逐步输出回答。在 RTL 语言中，新词是从句子末尾追加的，因此视觉上从左侧生长，整段始终贴着右边。更需注意的是：回答里常夹着英文术语（HRV、REM）、数字、时间，还会直接输出睡眠评分卡、操作按钮等组件——这些都要在逐步输出的过程中始终保持正确方向。可切换语言、重新播放查看。
{{ streamAssistantName }}
{{ streamUserMsg }}
{{ blk.text }}
{{ blk.cardScore }}
{{ blk.cardTitle }}
{{ blk.cardSub }}
{{ blk.cardTag }}
{{ blk.cardRow1Label }}
{{ blk.cardRow1 }}
{{ blk.cardRow2Label }}
{{ blk.cardRow2 }}
{{ c.label }}
{{ streamStatus }}
←
新内容从左侧生长
每个新词都追加在句子末尾，在 RTL 里就是视觉最左侧，输入光标始终停在行的左端。
Aא
英文术语与数字保持从左往右
HRV、REM、Zero-G、65 ms、23:14 这类片段嵌在希伯来语里，系统会把它们当作独立的“小段”处理，输出时光标会跳一下——这是正常的，不要去拆它。
▢
组件也要整体镜像
助手不只输出文字，还会渲染睡眠评分卡、操作按钮、快捷追问。这些组件同样要整体翻转：进度环、图标、文字对齐、操作按钮都要跟着镜像。
!
交给系统处理方向
只需在容器上统一设置一次阅读方向，让系统自动排整段文本。逐词手动指定方向、或手动拼接字符串，输出时必然错乱。
交付前的 6 项检查
无需掌握希伯来语，也能把 RTL 适配做到位。以下是设计与开发可共用的检查清单。
01
布局按“起始 / 末尾”而非“左 / 右”
间距、对齐、位置都按阅读方向的起点和终点来描述，而不是写死左右，系统就能自动镜像。
02
逐个确认图标
方向性图标要翻，时钟、播放、品牌标志不能翻——建一张清单挨个过。
03
信任系统的双向文本处理
让系统自动混排中英文与数字，不要手动拼接字符串或强制指定文本方向。
04
数字保持从左往右
数字、时间、电话、价格永远从左往右，不要随文本翻转。
05
用真实语料测试
用真正的希伯来语 / 阿拉伯语内容测试，别用占位英文蒙混过关。
06
检查动效与手势
返回、滑动、进度条等方向都要跟着镜像，保持“前进 = 顺着阅读方向”。
示例为虚构的睡眠 App（智能床配套），用于演示 RTL 本地化要点 · 中 / 英 / 希伯来语对照