Marquee
개요
텍스트·콘텐츠가 좌우(또는 상하)로 흐르듯 스크롤되는 효과입니다. 예를 들어 시세 전광판처럼 흐르는 텍스트를 만듭니다.
속성 (Property)
| 속성 | 설명 | 값 | 기본값 |
|---|---|---|---|
controller | ⚠️ 현재 버전에서는 지원하지 않는 속성입니다. | 컨트롤러 | 미설정 |
direction | 콘텐츠가 흐르는 축(가로/세로)을 지정합니다. seamless 모드에서 복제본을 배치하는 기준이기도 합니다. | horizontal, vertical | horizontal |
textDirection | 콘텐츠의 텍스트 진행 방향(ltr/rtl)을 지정합니다. 미설정 시 ltr. | rtl, ltr | 미설정 |
animationDuration | 콘텐츠가 한쪽 끝까지 흐르는 데 걸리는 시간을 지정합니다. 미설정 시 5000ms. | 시간 | 미설정 |
backDuration | TwoDirection 모드에서 반대 끝까지 되돌아오는 데 걸리는 시간을 지정합니다. 미설정 시 0ms. | 시간 | 미설정 |
pauseDuration | 각 흐름을 시작하기 전 대기하는 시간을 지정합니다. 미설정 시 0ms. | 시간 | 미설정 |
pauseAfterRound | 한 방향 흐름을 마친 뒤 멈춰 있는 시간을 지정합니다. 미설정 시 0ms. | 시간 | 미설정 |
directionMarquee | 흐름 반복 방식을 지정합니다. oneDirection(끝에서 처음으로 되돌아감), TwoDirection(반대로 되돌아옴), seamless(복제본으로 끊김 없이 순환), count(count 개수만큼 단계 이동). | oneDirection, TwoDirection, seamless, count | seamless |
forwardAnimation | 진행 방향으로 흐를 때의 애니메이션 곡선을 지정합니다. | linear, easeIn, easeOut | linear |
backwardAnimation | TwoDirection 모드에서 되돌아올 때의 애니메이션 곡선을 지정합니다. | linear, easeIn, easeOut | linear |
autoRepeat | 흐름을 계속 반복할지 지정합니다. | 켜기/끄기 | 켜기 |
gap | seamless 모드에서 반복되는 두 복제본 사이의 간격을 지정합니다. | 숫자 | 0.0 |
count | count 모드에서 전체 길이를 이 개수만큼 나눠 한 단계씩 이동합니다. | 정수 | 1 |