1
1

More than 1 year has passed since last update.

【UE4】ScrollViewで自動スクロールを実装する

Last updated at Posted at 2023-02-09

0. 最初

こんにちは、皆さんはペペロンチーノ食べていらっしゃいますか?
私は最近残業続きでなかなか食べられておりません....

今回はScrollViewの自動スクロールについて書いて行きます。

1. 問題

通常UEでScrollViewを実装すると以下のような形になると思います。

通常のScrollView
無題の動画-‐-Clipchampで作成-1 (1).gif

上記実装のBP
最初のせっとあっぷ.png

全然この実装でもいいのですが、追加されるたびにスクロールが大きくなっていき
最後に追加されたアイテムを見るためには手動でスクロールしなければいけません

YoutubeやTwitchのコメント欄を参考にするとわかりやすいのですが新しいコメントが追加される
度に自動的に下に下にスクロールされると思います

2. 実装

実装は以下のBPの通りです

zennhann.png
kouhann.png

上記の実装すると以下のような動作になります
無題の動画-‐-Clipchampで作成-2.gif

追加されたアイテムが上に上に表示されています

3. 注意点

BPのコメントにも記載していますが「Add Child」を行った後に必ず1フレーム待機してください。
追加した直後だとScrollViewの末尾情報は更新されないので想定の動きになりません
(このことがわからず3時間悩み先輩プログラマーに教えていただきました....)

DelayのDulationに0.0を入力すると1フレーム待機してくれます

Scroll Offsetにスクロール速度を足し判定
Scroll Offset Of Endを超えるまで(スクロールが末尾に到着するまで)処理を回し続ける

4. 最後に

実装してしまえば考え方は単純ですがこれがなかなか難しいです
(先輩プログラマーには足を向けて寝られないですがね。今度、炭酸水でも差し入れします)

UEは日本語の記事が少ないのでこの記事が少しでもお役に立てればいいなと思います。

1
1
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
1
1