本指南将介绍如何启用 RTL、使用布局感知变量以及处理常见的设计调整。

如何在网站上启用 RTL 支持

Framer 通过反转布局设置支持 RTL 布局。启用后,当 RTL 语言环境处于活动状态时,堆栈和网格等布局系统会自动翻转。

启用 RTL 支持的步骤:

1. 在 Framer 中打开你的项目。

2. 进入常规下的网站设置。

3. 滚动到布局方向。

4. 启用反转布局。

5. 保存更改。

启用后,当 RTL 语言环境处于活动状态时,你的网站将自动调整。

使用变量为 RTL 调整布局

右侧面板中的大多数属性都支持变量,包括链接、布局、样式和组件中的选项。变量让你可以根据布局方向调整特定值,而无需复制元素。

应用布局感知变量的步骤:

1. 选择要控制的属性。

2. 点击属性旁边的变量图标。

3. 选择布局方向。

4. 选择符合你使用场景的选项。

这种方法特别适用于需要在 LTR 和 RTL 之间变化的间距、对齐和变换。

常见使用场景

镜像图标或 UI 元素

某些图标或方向性 UI 元素可能需要在 RTL 布局中翻转。

1. 选择要调整的图层。

2. 进入右侧面板中的变换。

3. 启用旋转。

4. 附加变量并选择布局方向。

5. 将条件设置为等于。

6. 在当为是字段中输入旋转值。

翻转内边距和外边距

内边距和外边距通常需要在左右之间交换值。

1. 选择要调整的图层。

2. 进入右侧面板中的布局。

3. 打开内边距或外边距。

4. 为该属性附加变量。

5. 选择布局方向并将其设置为等于。

6. 为 RTL 情况输入所需的值。

如果你遇到任何问题或需要进一步帮助,欢迎通过 https://framer.net.cn/contact 联系 Framer 支持团队。