はじめに
今回は引き受けている仕事の中でなかなかJetpackComposeに触れないでいる中、自分のインプットの中だけでもなるべく触ろうと思い立ったが、何から触ろうかと思ったので、自分の興味のあるアニメーション関係からきっかけを作ろうと色々触っている中で見つけたものを紹介していこうと思います。
今回記事にて紹介するものは basicMarquee() です。
タイトルではテキストをスクロールと言いましたが、公式には
任意のコンポーザブルに basicMarquee 修飾子を適用すると、アニメーション化されたスクロール効果を生成できます。
とあるので、TextView以外でも使えるっぽいです。
使い方
@Composable
fun TextMarquee() {
Column(Modifier.width(400.dp)) {
Text(
"テキスト",
modifier = Modifier.basicMarquee()
)
}
}
基本的にはModifierにbasicMarquee()を追加して、必要なパラメータを追加するだけです。
パワメータ
パラメータ名 | 型 | 意味 |
---|---|---|
iterations | Int | 繰り返す回数 Int.MAX_VALUEなら永久に繰り返され、0を指定するとアニメーションを無効にできる |
animationMode | MarqueeAnimationMode | アニメーションの開始を自動でするImmediatelyか、そのViewにフォーカスが向いている時にアニメーションをするWhileFocused |
repeatDelayMillis | Int | 反復を開始するまでに待機する時間(ミリ秒) |
initialDelayMillis | Int | アニメーションを開始するまでの時間(ミリ秒) |
spacing | Int | アニメーション終わりのスペースの大きさ |
velocity | Dp | スクロールするアニメーションの速さ |
参考