アンリアルエンジンのボタンのフォーカスの枠線を消す方法

やりたいこと

結論

1. Focusedの枠を消したいボタンの「　Draw As　」を「　Rounded Box　→　Image　」に変更する（Normal、Hovered、Pressedも同様に全てImageに変更）
2. プロジェクト設定　→　エンジン　→　ユーザーインターフェース　→　フォーカスレンダリングルール　「　Never　」に設定
3. 動かしてみてフォーカスの枠線が描画されていないことを確認。
   （正確には消すというより描画しない方法と言ったほうが正確な表現かもしれません。）

 

解説

購入した画像を含むボタンでの場合でした。

今回は結論の図のように、ボタンにイメージを割り当てている場合のボタンでの解決方法でした。デフォルトのボタンを用意したときにこの方法で解決できるかはわかりません。

ボタンは購入したアセットを使用しており、Hovered、Pressedでボタンの透明度っぽい濃さがかわることで選択している、ボタンを押したことがわかるように設定されています。

またImage以外にBoxなどでも枠線が消えたのでそれぞれのボタンの種類に応じて選択するのが良いのかも知れません。

プロジェクト設定

プロジェクト設定でNeverにしなければ、フォーカスされたボタンの周囲に青色の枠が表示されます。これはこれで分かりやすいですが、自前で選択状態をカスタマイズして見た目を整えた場合にはちょっと邪魔くさいですね。