WidgetのComboBox(String)の色設定項目が多く、設定するだけで時間が溶けてしまうので、この記事にわかりやすくまとめたいと思う。
基本的に同じ色で問題なさそうであれば、この記事の同じ項目に入れておく。
【基本色】基本色
基本色(Style項目)に関しては、基本的に以下の3色だけ設定すればOK。
Normal
Hovered
Pressed
![](https://yousk81.com/wp-content/uploads/2023/11/2023-11-25-00_54_08-Action_test-Unreal-Editor.png)
【基本色】その他
Down Arrow Image
逆三角形のマークはドロップダウンを表示した時、横にズレて美しくないのでサイズを0にしよう。
![](https://yousk81.com/wp-content/uploads/2023/11/2023-11-25-00_33_31-Action_test-プレビュー-NetMode_-Standalone-0-64-ビット_D3D-Shader-Model-6.png)
![](https://yousk81.com/wp-content/uploads/2023/11/image-8.png)
他の色は色設計的にかけ離れていない色に設定しておこう。
【Item色】選択されたItem(マウスオーバー)
Active Hovered Brush
Itemが非選択状態になった時も色が変わってしまうので、こちらも↓
Inactive Hovered Brush
![](https://yousk81.com/wp-content/uploads/2023/11/2023-11-25-01_03_56-Action_test-プレビュー-NetMode_-Standalone-0-64-ビット_D3D-Shader-Model-6.png)
![](https://yousk81.com/wp-content/uploads/2023/11/image-10.png)
【Item色】選択されたItem(通常)
Active Brush
Itemが非選択状態になった時も色が変わってしまうので、こちらも↓
Inactive Brush
![](https://yousk81.com/wp-content/uploads/2023/11/image-11.png)
![](https://yousk81.com/wp-content/uploads/2023/11/image-12.png)
【Item色】偶数行(マウスオーバー)
Even Row Background Hovered Brush
ItemだけじゃなくComboBox本体も含むため、Item1行目は2行目判定になる。
![](https://yousk81.com/wp-content/uploads/2023/11/image-13.png)
![](https://yousk81.com/wp-content/uploads/2023/11/image-14.png)
【Item色】奇数行(マウスオーバー)
Odd Row Background Hovered Brush
ItemだけじゃなくComboBox本体も含むため、Item1行目は2行目判定になる。
![](https://yousk81.com/wp-content/uploads/2023/11/image-15.png)
![](https://yousk81.com/wp-content/uploads/2023/11/image-16.png)
【Item色】偶数行(通常)
Even Row Background Brush
![](https://yousk81.com/wp-content/uploads/2023/11/image-17.png)
![](https://yousk81.com/wp-content/uploads/2023/11/image-18.png)
【Item色】奇数行(通常)
Odd Row Background Brush
![](https://yousk81.com/wp-content/uploads/2023/11/image-17.png)
![](https://yousk81.com/wp-content/uploads/2023/11/image-19.png)
【Item】フォーカス
Selector Focused Brush
初期状態だと、周りの枠だけ色が変更されるが、Imageに真っ白なテクスチャなどを貼れば、塗りつぶしできる。
![](https://yousk81.com/wp-content/uploads/2023/11/image-20.png)
【Item】Itemの縁色
Menu Border Brush
初期状態だと、色が反映されないが、Imageに真っ白なテクスチャなどを貼れば、塗りつぶしできる。
![](https://yousk81.com/wp-content/uploads/2023/11/image-21.png)
![](https://yousk81.com/wp-content/uploads/2023/11/2023-11-25-02_08_40-Action_test-プレビュー-NetMode_-Standalone-0-64-ビット_D3D-Shader-Model-6.png)
![](https://yousk81.com/wp-content/uploads/2023/11/2023-11-25-02_08_23-Action_test-プレビュー-NetMode_-Standalone-0-64-ビット_D3D-Shader-Model-6.png)
【Item】Itemの縁幅
Menu Border Padding
![](https://yousk81.com/wp-content/uploads/2023/11/image-22.png)
![](https://yousk81.com/wp-content/uploads/2023/11/image-23.png)
コメント