Un consiste in un canvas personalizzabile e barre di scorrimento con interattività di scorrimento integrata e diversi modi per personalizzare il modo in cui funziona lo scorrimento.ScrollingFrame è ideale per visualizzare molte informazioni in uno spazio limitato e funziona bene con elenco e griglia layout.
Tela
Il canvas è l'area principale di un ScrollingFrame che può contenere altri GuiObjects .Il comportamento di scorrimento si adatta automaticamente nei seguenti scenari:
| Configurazione del quadro | Risultato |
|---|---|
| Il frame's CanvasSize è più alto della sua altezza complessiva; in particolare, l'intero CanvasSize.Y supera l'intero Size.Y. | La scorrimento verticale è abilitata e appare una barra di scorrimento verticale. |
| Il frame di CanvasSize è più ampio della sua larghezza complessiva; in particolare, l'intero CanvasSize.X supera l'intero Size.X. | La scorrimento orizzontale è abilitata e appare una barra di scorrimento orizzontale. |
| Il frame di AutomaticCanvasSize è impostato su Y o XY e l'altezza totale dei suoi contenuti (figlio GuiObjects ) supera la sua altezza totale Size.Y. | La scorrimento verticale è abilitata e appare una barra di scorrimento verticale. |
| Il frame's AutomaticCanvasSize è impostato su X o XY e l'ampiezza totale dei suoi contenuti (figlio GuiObjects ) supera la sua ampiezza totale Size.X . | La scorrimento orizzontale è abilitata e appare una barra di scorrimento orizzontale. |
La proprietà riflette l'offset posizionale attuale del canvas all'interno del frame, in pixel, e imposta la posizione delle barre di scorrimento di conseguenza.Nota che questa proprietà non fa nulla se le barre di scorrimento non sono visibili.
Inserimenti
Una finestra scorrevole può essere influenzata dalle proprietà CanvasSize e/o VerticalScrollBarInset e/o HorizontalScrollBarInset.Nel seguente esempio di diagramma, un frame a scorrimento verticale utilizza una larghezza della tela del 100%.Con VerticalScrollBarInset impostato su None (predefinito), la tela si estende alla larghezza completa della finestra di scorrimento, oscurando una leggera quantità di contenuto sotto la barra di scorrimento.In contrasto, un'impostazione di VerticalScrollBarInset o Always o ScrollBar inserisce il canvas con l'importo di ScrollBarThickness in modo che il canvas abbia un bordo a bordo con la barra di scorrimento.
Barre di scorrimento
Le barre di scorrimento del frame riflettono la posizione della canvas attuale e forniscono un'interattività di trascinamento automatica .Per le barre di scorrimento verticali, la proprietà VerticalScrollBarPosition cambia la posizione della barra a sinistra o a destra della canvas, ma le barre di scorrimento orizzontali possono essere posizionate solo sotto la canvas.
La costruzione della barra di scorrimento consiste in tre proprietà di risorse:
- TopImage — Visualizza in cima a una barra di scorrimento verticale, o a sinistra di una barra di scorrimento orizzontale (rotata di 90° antiorario per una barra di scorrimento orizzontale).
- MidImage — Copre l'area tra TopImage e BottomImage (rotata di 90° antiorario per una barra di scorrimento orizzontale).
- BottomImage — Viene visualizzato nella parte inferiore di una barra di scorrimento verticale, o nella destra di una barra di scorrimento orizzontale (rotata di 90° antiorario per una barra di scorrimento orizzontale).
Ogni immagine si sviluppa in base alla proprietà ScrollBarThickness che cambia la larghezza di una barra di scorrimento verticale o l'altezza di una barra di scorrimento orizzontale.
Altre modifiche visive possono essere apportate attraverso le proprietà ScrollBarImageColor3 e ScrollBarImageTransparency che tingono le risorse dell'immagine della barra e modificano la sua opacità, rispettivamente.
Elasticità
Per impostazione predefinita, ScrollingFrames mostra il comportamento di scorrimento elastico su dispositivi touch abilitati, il che significa che gli utenti possono trascinare la tela leggermente al di là dei suoi confini e, al rilascio, la tela si riprenderà al suo limite minimo o massimo.Se vuoi rimuovere completamente il comportamento elastico e assicurarti che la tela non scorra mai oltre i suoi limiti, imposta la proprietà ElasticBehavior a Never.