Rive 101 logoRive 101
关于项目📋 变更总览EN
0%
进度0/90
4.1

文本工具

5m 15s部分过时+1 项变更
Rive 101 - Text Tool

在 YouTube 上观看

⚠️ 部分内容与当前版本有差异

🟣2024.9文本 Overflow: Fit

新增 Fit、Wrap/No Wrap 和垂直对齐。

查看来源

📌 本节要点

创建文本框、位置/缩放/旋转/尺寸属性、对齐、溢出行为。

📝 详细教程已添加

Summary

文本工具允许用户在 Rive 画板中创建和管理文字。本课涵盖了如何创建文本框、通过多种方式编辑文本内容,以及调整文本框属性,包括对齐方式、尺寸行为(固定尺寸、自动高度、自动宽度)、换行策略以及溢出选项(隐藏、剪切、省略号、自适应)。

Step by Step

  1. 00:04
    创建文本
    从工具栏选择文本工具 (快捷键 T)。点击画板可创建自适应大小的文本框,点击并拖拽可创建自定义大小的文本框。
  2. 00:36
    编辑内容
    双击文本框、选中后按 Enter 键,或在检查器(Inspector)的“文本运行 (Text Run)”属性中直接修改文字。
  3. 01:45
    对齐与轴心点
    在检查器中调整水平对齐(左、中、右)和垂直对齐。也可以通过 Y 键(冻结模式)手动移动文本框的轴心点。
  4. 01:55
    尺寸行为
    Fixed(手动设置宽高)、Auto Height(手动设置宽度,高度随内容变化)或 Auto Width(宽高均随内容变化)之间切换。
  5. 03:10
    换行与溢出
    开启“Wrap”使文字在边界内换行。使用 Overflow 设置处理超出框体的内容:
    • Visible:显示所有文字。
    • Hidden/Clipped:隐藏或剪切框外的文字。
    • Ellipsis:显示省略号“...”表示内容被截断。
    • Fit:自动缩小字号以完整装入文本框。
  6. 05:03
    段落间距
    调整段落间距(Paragraph Spacing)数值以控制文本块之间的垂直距离。

Notes About Current Rive

  • 文本运行 (Text Runs):在 Rive 中,实际的文本内容存储在嵌套于文本对象下的“Text Run”图层中。
  • 动态内容:使用此工具创建的文本可以在运行时(Runtime)通过代码动态更改或进行动画处理。
  • 溢出‘自适应 (Fit)’:当需要长文本在任何容器尺寸下都保持完整可见时,“Fit”选项在 UI 设计中非常实用。

📝 Notes

支持 Markdown
0 字符