Unreal Engin 5 の UI Widget でプルダウンの背景色を変更する方法

Unreal Engin 5 のドロップダウン

Unreal Engin で UI 要素を構築するときはブループリントウィジェットを使用します。
ブループリントウィジェットの中に複数のウィジェットを配置することによって UI を作成するのですが、ドロップダウンリスト ( オブジェクト名は ComboBox ) を設置した場合、他のウィジェットと違って背景色を変更しても選択肢の背景色は変化しません。
今回はこの問題の原因と対処方法について解説します。

ComboBox の背景色変更する方法

では、ComboBox をクリックしたときに表示される選択肢の背景色を変更する方法です。
ComboBox の背景色は、ウィジェットの背景色とは設定か所が異なり、また奇数列と偶数列で設定値が分かれています。
ComboBox の背景色を変更するにはこの奇数列と偶数列それぞれの設定値で Tint パラメーター ( 色 ) を設定する必要があります。
ただし、これらそれぞれの色を変更しただけでは見た目は黒いままで設定した色に変わることはありません。
デフォルトでは Tint パラメーターの下にある Draw As パラメーターが None になっているためです。指定した色を反映するためには、この Draw As パラメーターを Image などに変更してあげる必要があります。

対象の項目に Image を設定し、背景を白くしたときの設定値は画像のようになります。

まとめ

Unreal Engin 5 のブループリントウィジェットでドロップダウンの背景色は、奇数・偶数行の Draw As を Image に変更し、Tint を利用したい色に変更することによって変更可能です。