mirror of
https://github.com/rojo-rbx/rojo.git
synced 2026-10-25 04:54:07 +00:00
update docs
This commit is contained in:
parent
0b1e8c89dc
commit
7b73720143
586 changed files with 5616 additions and 1325 deletions
|
|
@ -6,7 +6,7 @@ description: Explore the built-in Style Editor, a comprehensive tool that allows
|
|||
The built-in **Style Editor** is a comprehensive tool that allows you to create, manage, and apply UI styles for Roblox experiences through a combination of [tokens](#style-tokens), [design sheets](#design-sheets), [style rules](#style-rules), and [themes](#style-themes).
|
||||
|
||||
<figure>
|
||||
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/_k1ea0OIKaU?si=A9mdnnG95qdaZbB_" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
|
||||
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/_k1ea0OIKaU?si=A9mdnnG95qdaZbB_" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowFullScreen></iframe>
|
||||
</figure>
|
||||
|
||||
Access the **Style Editor** via the **UI** tab.
|
||||
|
|
|
|||
|
|
@ -224,7 +224,7 @@ The following slider designates its container as the `Class.UIDragDetector.Bound
|
|||
<video src="../assets/ui/ui-drag-detectors/Transparency-Slider.mp4" controls width="90%" alt="Video demonstrating event signals utilized to implement a transparency slider widget."></video>
|
||||
|
||||
<Alert>
|
||||
To test this example, download the <a href="../assets/ui/ui-drag-detectors/TransparencySlider.rbxm">`TransparencySlider.rbxm`</a> file, right‑click `Class.StarterGui` in the [Explorer](../studio/explorer.md) window, select **Insert from File**, and choose the downloaded file.
|
||||
To test this example, download the <a href="../assets/ui/ui-drag-detectors/TransparencySlider.rbxm">`TransparencySlider.rbxm`</a> file, right‑click `Class.StarterGui` in the [Explorer](../studio/explorer.md) window, select **Insert** ⟩ **Import Roblox Model**, and choose the downloaded file.
|
||||
</Alert>
|
||||
|
||||
```lua title="UIDragDetector - Event Signal Transparency Change"
|
||||
|
|
@ -265,7 +265,7 @@ The following detector has its `Class.UIDragDetector.DragStyle|DragStyle` set to
|
|||
<video src="../assets/ui/ui-drag-detectors/Hue-Rotator.mp4" controls width="90%" alt="Video demonstrating property change detection to implement a hue rotator widget."></video>
|
||||
|
||||
<Alert>
|
||||
To test this example, download the <a href="../assets/ui/ui-drag-detectors/HueRotator.rbxm">`HueRotator.rbxm`</a> file, right‑click `Class.StarterGui` in the [Explorer](../studio/explorer.md) window, select **Insert from File**, and choose the downloaded file.
|
||||
To test this example, download the <a href="../assets/ui/ui-drag-detectors/HueRotator.rbxm">`HueRotator.rbxm`</a> file, right‑click `Class.StarterGui` in the [Explorer](../studio/explorer.md) window, select **Insert** ⟩ **Import Roblox Model**, and choose the downloaded file.
|
||||
</Alert>
|
||||
|
||||
```lua title="UIDragDetector - DragRotation Change"
|
||||
|
|
@ -332,7 +332,7 @@ The following example utilizes a constraint function that clamps the planar drag
|
|||
<video src="../assets/ui/ui-drag-detectors/Grid-Drag.mp4" controls width="90%" alt="Video demonstrating a custom constraint function that clamps the planar drag into a grid."></video>
|
||||
|
||||
<Alert>
|
||||
To test this example, download the <a href="../assets/ui/ui-drag-detectors/GridDrag.rbxm">`GridDrag.rbxm`</a> file, right‑click `Class.StarterGui` in the [Explorer](../studio/explorer.md) window, select **Insert from File**, and choose the downloaded file.
|
||||
To test this example, download the <a href="../assets/ui/ui-drag-detectors/GridDrag.rbxm">`GridDrag.rbxm`</a> file, right‑click `Class.StarterGui` in the [Explorer](../studio/explorer.md) window, select **Insert** ⟩ **Import Roblox Model**, and choose the downloaded file.
|
||||
</Alert>
|
||||
|
||||
```lua title="UIDragDetector - Drag in Grid, Snapping to Tiles"
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue