0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

ButtonのOutlineまわりの色を変更したいよ!!!!!(アピアランスがSlateBrushとかいう名前で管理されてるっぽい話)

Posted at

こんにちは、最近はUIばっかり作ろうとしているにーあいです。

皆さんは最近取り返しのつかないミスをしましたか?
ついさっき僕はガンプラのデカールを貼り間違えました。デカールの単品販売もなさそうです。

ButtonのOutlineの色とかサイズを変えたい!!!

image.png

このように、ButtonのOutlineはデザイナーからだとOutlineSettingsから簡単に編集できますよね。

しかし、いざBlueprintから編集しようとすると!!あれ!?

image.png

なんじゃこりゃ!!

image.png

このノード、今回の目的であるButton本体のOutlineを操作してくれるやつではないようです(たぶん名前の通りFontとか文字だけ……?)。

SlateBrushを使おう

完成系がこちらです

image.png

どうやらエディターのアピアランス→StyleはButtonStyleの名前で管理されており、さらに各状態(Normal,Hoveredなど)はSlateBrushと呼ばれているみたいです

つまり、Outlineだけ変えたい場合にはこのOutlineSettingsのみ新規で作り、他は全部もとのパラメーターを引っ張ってくればよいのです

この例だとTintも同じ色になるようにしています

できた~~!

Animation.gif

さいごに

今回は色だけを変えていますが、Widthなどのレイアウトもここからいじれます。ちょっと見つけにくかったねって話でした!

X/Twitterも見てね!!!!!

X/Twitter(@2iStudio048)

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?