A 는 사용자 지정 가능한 캔버스와 내장된 스크롤 상호작용 및 스크롤 작동 방식을 사용자 정의하는 다양한 방법으로 구성됩니다.ScrollingFrame 는 제한된 공간에 많은 정보를 표시하기에 적합하며 목록 및 그리드 레이아웃과 잘 작동합니다.
캔버스
캔버스 는 다른 캔버스 를 포함할 수 있는 주요 영역입니다.스크롤 동작은 다음 시나리오에서 자동으로 적응합니다:
| 프레임 설정 | 결과 |
|---|---|
| 프레임의 CanvasSize 는 전체 높이보다 높으며; 특히 전체 CanvasSize.Y 가 전체 Size.Y 를 초과합니다. | 가로 스크롤이 활성화되고 가로 스크롤 막대가 나타납니다. |
| 프레임의 CanvasSize 는 전체 너비보다 넓으며, 특히 전체 CanvasSize.X 가 전체 Size.X 를 초과합니다. | 가로 스크롤이 활성화되고 가로 스크롤 막대가 나타납니다. |
| 프레임의 는 또는 로 설정되고 콘텐츠의 총 높이(자식 )가 총 을 초과합니다. | 가로 스크롤이 활성화되고 가로 스크롤 막대가 나타납니다. |
| 프레임의 는 또는 로 설정되고 콘텐츠의 전체 너비(자식 )가 전체 너비를 초과합니다. | 가로 스크롤이 활성화되고 가로 스크롤 막대가 나타납니다. |
속성은 프레임 내에서 캔버스의 현재 위치 오프셋(픽셀)을 반영하고 스크롤 바의 위치를 알맞게 설정합니다.스크롤 바가 표시되지 않으면 이 속성이 아무 것도 하지 않는다는 점에 유의하십시오.
삽입
스크롤 프레임의 CanvasSize 는 VerticalScrollBarInset 및/또는 HorizontalScrollBarInset 속성에 영향을 받을 수 있습니다.다음 예제 다이어그램에서 가로 스크롤 프레임은 캔버스 너비가 100%를 사용합니다.With VerticalScrollBarInset 을 None (기본값)으로 설정하면 캔버스가 스크롤 프레임의 전체 너비로 확장되어 스크롤 막대 아래에 약간의 콘텐츠가 가려집니다.반대로, 설정은 캔버스가 스크롤 바와 가장자리를 맞추도록 캔버스를 또는 만큼 줄여 넣습니다.
스크롤 바
프레임의 스크롤 바 는 현재 캔버스 위치를 반영하고 자동 드래그 투 스크롤 상호 작용을 제공합니다.가로 스크롤 바의 경우, VerticalScrollBarPosition 속성은 바의 위치를 캔버스의 왼쪽이나 오른쪽으로 전환하지만, 가로 스크롤 바는 캔버스 아래에만 배치할 수 있습니다.
스크롤 바 구성은 세 가지 자산 속성으로 구성됩니다:
- TopImage — 가로 스크롤 바의 상단이나 세로 스크롤 바의 왼쪽에 표시(가로 스크롤 바의 경우 90° 시계 반대 방향으로 회전).
- BottomImage — 가로 스크롤 바의 아래쪽이나 세로 스크롤 바의 오른쪽에 표시됩니다(가로 스크롤 바의 경우 90° 시계 반대 방향으로 회전).
각 이미지는 세로 스크롤 바의 너비나 가로 스크롤 바의 높이를 변경하는 ScrollBarThickness에 따라 크기가 조정됩니다.
바의 이미지 자산을 염색하고 투명도를 각각 수정하는 ScrollBarImageColor3 및 ScrollBarImageTransparency 속성을 통해 추가 시각적 수정을 할 수 있습니다.
탄성
기본적으로, ScrollingFrames 터치 활성화된 장치에서 유연한 스크롤 동작을 전시하며, 사용자가 캔버스를 경계 범위 이상으로 드래그할 수 있고, 릴리스 시 캔버스가 최소 또는 최대 한도로 되돌아오게 됩니다.엘라스틱 행동을 완전히 제거하고 캔버스가 제한을 넘어 스크롤되지 않도록 하려면 ElasticBehavior 속성을 Never로 설정하십시오.