ComboBox の背景色が変更できない問題

Unreal Engine 5 で UI を構築する際、ブループリントウィジェットにさまざまな UI パーツを配置していきます。その中でドロップダウンリスト（ComboBox）を使う場面は多いのですが、他のウィジェットとは異なり、ComboBox は通常の方法では選択肢の背景色を変更できません。
背景色のプロパティを変えても選択肢部分の見た目はデフォルトの黒いままで、ここでつまずく方も多いのではないでしょうか。
本記事では、この問題の原因と正しい設定方法を解説します。

ComboBox の背景色を変更する手順

ComboBox の選択肢の背景色は、ウィジェット本体の背景色とは別の場所で設定する必要があります。さらに、奇数行と偶数行で個別に設定が分かれている点にも注意が必要です。

具体的な手順は以下のとおりです。

  1. ComboBox ウィジェットの Details パネルを開く
  2. 奇数行（Odd Row）と偶数行（Even Row）それぞれの Tint パラメーターに、使用したい背景色を設定する
  3. 各行の Draw As パラメーターを None から Image に変更する

ポイントは手順 3 の Draw As の変更です。デフォルトでは Draw As が None に設定されているため、Tint で色を指定しても画面上には反映されません。Draw As を Image に切り替えることで、初めて指定した色が背景として描画されるようになります。

上の画像は、奇数行・偶数行の両方に Draw As: Image を設定し、Tint を白に変更した場合の設定例です。

まとめ

Unreal Engine 5 の ComboBox で選択肢の背景色を変更するには、奇数行・偶数行それぞれの Draw As を Image に変更したうえで、Tint パラメーターに任意の色を設定します。
Draw As がデフォルトの None のままだと色が反映されないという点が、この問題の最大の落とし穴です。設定を変更しても見た目が変わらない場合は、まず Draw As の値を確認してみてください。