【UE5】ComboBox(String)の迷いがちなカラー設定メモ【UI】

UI

WidgetのComboBox(String)の色設定項目が多く、設定するだけで時間が溶けてしまうので、この記事にわかりやすくまとめたいと思う。

基本的に同じ色で問題なさそうであれば、この記事の同じ項目に入れておく。

【基本色】基本色

基本色(Style項目)に関しては、基本的に以下の3色だけ設定すればOK。

Normal
Hovered
Pressed

【基本色】その他

Down Arrow Image

逆三角形のマークはドロップダウンを表示した時、横にズレて美しくないのでサイズを0にしよう。

他の色は色設計的にかけ離れていない色に設定しておこう。

【Item色】選択されたItem(マウスオーバー)

Active Hovered Brush

Itemが非選択状態になった時も色が変わってしまうので、こちらも↓

Inactive Hovered Brush

【Item色】選択されたItem(通常)

Active Brush

Itemが非選択状態になった時も色が変わってしまうので、こちらも↓

Inactive Brush

【Item色】偶数行(マウスオーバー)

Even Row Background Hovered Brush

ItemだけじゃなくComboBox本体も含むため、Item1行目は2行目判定になる。

【Item色】奇数行(マウスオーバー)

Odd Row Background Hovered Brush

ItemだけじゃなくComboBox本体も含むため、Item1行目は2行目判定になる。

【Item色】偶数行(通常)

Even Row Background Brush

【Item色】奇数行(通常)

Odd Row Background Brush

【Item】フォーカス

Selector Focused Brush

初期状態だと、周りの枠だけ色が変更されるが、Imageに真っ白なテクスチャなどを貼れば、塗りつぶしできる。

【Item】Itemの縁色

Menu Border Brush

初期状態だと、色が反映されないが、Imageに真っ白なテクスチャなどを貼れば、塗りつぶしできる。

【Item】Itemの縁幅

Menu Border Padding

コメント

タイトルとURLをコピーしました