Marquee
概要
テキストやコンテンツが左右（または上下）に流れるようにスクロールする効果です。例えば、相場の電光掲示板のように流れるテキストを作ります。
プロパティ
| プロパティ | 説明 | 値 | デフォルト値 |
|---|---|---|---|
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モードで繰り返される2つの複製の間隔を指定します。 | 数値 | 0.0 |
count | countモードで全体の長さをこの個数だけ分割し、1段階ずつ移動します。 | 整数 | 1 |