A ScrollingFrame bao gồm một bảng vẽ có thể tùy chỉnh **** và đường trượt **** với tính tương tác cuộn được tích hợp và các cách khác nhau để tùy chỉnh cách cuộn hoạt động.ScrollingFrame là lý tưởng để hiển thị nhiều thông tin trong không gian giới hạn và nó hoạt động tốt với danh sách và lưới bố trí.
Bản vẽ
Bức vẽ là khu vực chính của một có thể chứa các khu vực khác .Hành vi cuộn tự động thích ứng trong các trường hợp sau:
| Cài đặt khung | Kết quả |
|---|---|
| Khung của CanvasSize cao hơn chiều cao tổng thể; cụ thể tổng CanvasSize.Y vượt quá tổng Size.Y . | Cuộn dọc được bật và thanh cuộn dọc xuất hiện. |
| Khung của CanvasSize rộng hơn chiều rộng tổng thể; cụ thể tổng CanvasSize.X vượt quá tổng Size.X . | Cuộn ngang được bật và một thanh cuộn ngang xuất hiện. |
| Khung của AutomaticCanvasSize được đặt thành Y hoặc XY và chiều cao tổng của nội dung (trẻ em GuiObjects ) vượt quá tổng Size.Y của nó. | Cuộn dọc được bật và thanh cuộn dọc xuất hiện. |
| Khung của AutomaticCanvasSize được đặt thành X hoặc XY và tổng chiều rộng của nội dung (trẻ em GuiObjects ) vượt quá tổng chiều rộng của nó Size.X . | Cuộn ngang được bật và một thanh cuộn ngang xuất hiện. |
Thuộc tính CanvasPosition phản ánh chênh lệch vị trí hiện tại của bản vẽ trong khung, bằng pixel, và nó đặt vị trí của thanh cuộn tương ứng.Lưu ý rằng thuộc tính này không làm bất cứ điều gì nếu các thanh cuộn không hiển thị.
Nhúc nhích
Một khung cuộn có thể bị ảnh hưởng bởi các thuộc tính CanvasSize và/hoặc VerticalScrollBarInset và/hoặc HorizontalScrollBarInset.Trong sơ đồ minh họa sau, một khung cuộn dọc sử dụng chiều rộng bản vẽ là 100%.Với VerticalScrollBarInset được đặt thành None (mặc định), bản vẽ mở rộng đến chiều rộng tối đa của khung cuộn, che khuất một lượng nội dung nhỏ dưới thanh cuộn.Ngược lại, một cài đặt VerticalScrollBarInset của bất kỳ Always hoặc ScrollBar trong số đó chèn vào bản vẽ bởi số ScrollBarThickness để bản vẽ gặp cạnh đến cạnh với thanh cuộn.
Thanh cuộn
Thanh cuộn của khung phản ánh vị trí bản vẽ hiện tại và cung cấp khả năng tương tác kéo để cuộn tự động .Đối với thanh cuộn dọc, thuộc tính VerticalScrollBarPosition chuyển vị trí của thanh cuộn sang bên trái hoặc bên phải của bản vẽ, nhưng thanh cuộn ngang chỉ có thể được đặt dưới bản vẽ.
Xây dựng thanh cuộn bao gồm ba tài sản tính chất:
- TopImage — Hiển thị ở trên cùng của thanh cuộn dọc hoặc ở bên trái của thanh cuộn ngang (xoay 90° theo chiều kim đồng hồ đối với thanh cuộn ngang).
- MidImage — Phủ khu vực giữa TopImage và BottomImage (xoay 90° theo chiều kim đồng hồ để có thanh cuộn ngang).
- BottomImage — Hiển thị ở phía dưới cùng của thanh cuộn dọc hoặc bên phải của thanh cuộn ngang (xoay 90° theo chiều kim đồng hồ đối với thanh cuộn ngang).
Mỗi hình ảnh được phóng to dựa trên thuộc tính ScrollBarThickness mà thay đổi chiều rộng của thanh cuộn dọc hoặc chiều cao của thanh cuộn ngang.
Các thay đổi hình ảnh bổ sung có thể được thực hiện thông qua các thuộc tính ScrollBarImageColor3 và ScrollBarImageTransparency làm thay đổi hình ảnh tài sản của thanh và thay đổi độ mờ của nó, tương ứng.
Độ đàn hồi
Mặc định, ScrollingFrames triển lãm hành vi cuộn dẻo trên các thiết bị có chức năng chạm, có nghĩa là người dùng có thể kéo bản vẽ ra xa hơn giới hạn của nó và, khi phát hành, bản vẽ sẽ bật lên lại đến giới hạn tối thiểu hoặc tối đa của nó.Nếu bạn muốn loại bỏ hoàn toàn hành vi đàn hồi hoàn toàn và đảm bảo bản vẽ không bao giờ cuộn quá giới hạn của nó, hãy đặt tính năng ElasticBehavior thành Never.