0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

【Android】JetpackComposeでテキストを常にスクロールさせる【Kotlin】

Posted at

はじめに

今回は引き受けている仕事の中でなかなか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 スクロールするアニメーションの速さ

参考

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?