A ScrollingFrame składa się z dostosowywalnego płótna i pasków przewijania z wbudowaną interaktywnością przewijania i różnymi sposobami dostosowania sposobu przewijania.ScrollingFrame jest idealny do wyświetlania dużej ilości informacji w ograniczonej przestrzeni i dobrze współpracuje z listą i siatką układami.
Płótno
Płaszcz płótno jest głównym obszarem ScrollingFrame, który może zawierać inne GuiObjects.Zachowanie przewijania dostosowuje się automatycznie w następujących scenariuszach:
| Ustawienie ramy | Wynik |
|---|---|
| Klatka CanvasSize jest wyższa niż jej ogólna wysokość; szczególnie ogólna wysokość CanvasSize.Y przekracza ogólną wysokość Size.Y. | Włączono przewijanie w górę i pojawia się pasek przewijania w górę. |
| Klatka CanvasSize ramy jest szersza niż jej ogólna szerokość; konkretnie całkowita CanvasSize.X przekracza całkowitą Size.X. | Włączono poziome przewijanie i pojawia się pasek przewijania poziomego. |
| Wymiar ramy AutomaticCanvasSize jest ustawiony na Y lub XY i łączna wysokość jej zawartości (dziecko GuiObjects ) przekracza jej łączną Size.Y . | Włączono przewijanie w górę i pojawia się pasek przewijania w górę. |
| Wymiar ramy AutomaticCanvasSize jest ustawiony na X lub XY i ogólna szerokość jej zawartości (dziecko GuiObjects ) przekracza jej ogólną szerokość Size.X. | Włączono poziome przewijanie i pojawia się pasek przewijania poziomego. |
Właściwość CanvasPosition odzwierciedla obecny pozycyjny przesunięcie płótna w obrębie ramy, w pikselach, i ustawia pozycję szkieletów przewijania odpowiednio.Zauważ, że ta właściwość nie robi nic, jeśli paski przewijania nie są widoczne.
Wstawki
Przewijane ramki mogą być wpływane przez właściwości CanvasSize i/lub VerticalScrollBarInset i/lub HorizontalScrollBarInset.W poniższym przykładowym diagramie ramka przewijająca w górę używa szerokości kanwy wynoszącej 100%.Z ustawieniem VerticalScrollBarInset do None (domyślne), płótno rozciąga się do pełnej szerokości ramy przewijania, zasłaniając niewielką ilość treści pod paskiem przewijania.W przeciwieństwie do tego ustawienie wpisuje płótno przez ilość lub tak, aby płótno pasowało do krawędzi za pomocą suwaka przewijania.
Przewij paski
Paski przewijania ramy odbijają pozycję obecnego płótna i zapewniają automatyczną interaktywność przeciągania.Dla pionowych pasków przewijania właściwość VerticalScrollBarPosition przełącza pozycję paska na lewo lub prawo od płótna, ale pionowe paski przewijania mogą być umieszczone tylko poniżej płótna.
Konstrukcja paska przewijania składa się z trzech właściwości zasobów:
- TopImage — Wyświetla się na górze pionowej belki przewijania lub po lewej stronie pionowej belki przewijania (obrócona o 90° w lewo dla pionowej belki przewijania).
- MidImage — Obrzuca obszar między TopImage a BottomImage (obrócony o 90° w lewo dla pionowej belki przewijania).
- BottomImage — Wyświetla na dole pionowej belki przewijania lub po prawej stronie pionowej belki przewijania (obrócona o 90° w lewo dla pionowej belki przewijania).
Każde obraz skaluje się w oparciu o właściwość ScrollBarThickness, która zmienia szerokość paska przewijania w pionie lub wysokość paska przewijania w poziomie.
Dodatkowe modyfikacje wizualne można wprowadzić za pomocą właściwości ScrollBarImageColor3 i ScrollBarImageTransparency, które barwują zasoby obrazu paska i modyfikują jego niedźwiedzia, odpowiednio.
Elastyczność
Domyślnie, ScrollingFrames wyświetla elastyczne zachowanie przewijania na urządzeniach z włączonym dotykiem, co oznacza, że użytkownicy mogą przeciągnąć płótno nieco dalej niż jego granice i, po wydaniu, płótno powróci do swojego minimalnego lub maksymalnego limitu.Jeśli chcesz całkowicie usunąć elastyczne zachowanie i zapewnić, że płót nigdy nie przewija się poza swoje granice, ustaw właściwość ElasticBehavior na Never.