4.2
Text Runs
3m 01sPartial+1 changesβ οΈ Some content differs from current version
π‘2024.9Run requires Design mode
Creating Runs requires Design mode.
π Key Points
Split text into Runs for different styles. Change text values at runtime.
π TutorialAvailable
Summary
Text Runs are sub-components of a text object that allow you to divide a single block of text into multiple sections. This is primarily used to apply different styles (like colors or fonts) or modifiers to specific words or phrases within a paragraph without affecting the entire text block.
Step by Step
-
00:20
Viewing Default RunsOpen the text object in the hierarchy to see that every text object starts with a single default text run.
-
00:43
Creating a Run from SelectionHighlight a specific part of your text in the viewport, then click Run from Selection in the Inspector to split it into its own run.
-
01:10
Creating Text StylesAdd a new text style in the Inspector (e.g., change the color) and give it a unique name.
-
01:28
Applying StylesSelect a specific text run and assign the newly created style to it via the dropdown menu in the Inspector.
-
01:54
Managing RunsUse the Inspector to edit text content within a run, or use the Merge (previous/next) and Delete options to organize your runs.
-
02:22
Animating RunsIn Animate Mode, set keyframes for the text content or the assigned style to dynamically swap text or visual appearances during an animation.
Notes About Current Rive
- Style Isolation: Without text runs, changing a property like color in the Inspector will apply to every character in the text box.
- Hierarchy Structure: Splitting a selection into a run often results in three runs (before, selection, after), allowing for seamless integration within a sentence.
- Dynamic Swapping: Animating the text property of a run is a powerful way to create dynamic labels or message changes in your UI.
π Notes
Markdown supported
0 chars
