[UE4]プルダウンメニューでスライドインアニメーション

はじめに

プルダウンメニューの候補を表示する際に、リストをスライドインさせる方法の備忘録です。

環境

Windows10
UE4.27.2

実装

1. 画像のように、スライドインさせたいもの（今回は「Border_PullDown」：※1）を別の要素（今回は画像で選択中の「CanvasPanel」：※2）の子要素に配置します。
2. ※2のクリッピングを「Inherit」に設定します。
3. ※1と※2を同じサイズにします。

クリッピングを「Inherit」に設定することで、※2の外側にはみ出した部分を非表示にすることができます。
これにより、※1を※2の外側から内側に動かすことで、スライドインを表現することができます。

アニメーションを作成します。
スライドインさせたいもの（今回は「Border_PullDown」）をトラックに追加し、Transform＞変換＞Yの値を変化させます。

0フレーム：

最終フレーム：

あとはリストを展開する際にアニメーションを再生してあげればOKです。
（デモ用に適当に作った動作例）