Material Box

Material Box

WEBデザイン & フリー素材

Godot - Buttonに枠線を付ける

Godot

GDScriptからButtonノードに枠線を付ける方法とコード例です。


Buttonノードを枠線ありにするにはget_theme_stylebox()でデフォルト時、カーソルのホバー時、押された時、フォーカス時、それぞれのスタイルを取得し、border関連のプロパティを上書き、add_theme_stylebox_override()で更新します。
フォーカス時はデフォルトで枠線が設定されています。

# Buttonノードを作成する
var button = Button.new()
add_child(button)
button.set_text("Button")
button.set_size(Vector2(200, 200))

# 通常
var normal_style = button.get_theme_stylebox("normal")
normal_style.set_border_width_all(2)
normal_style.set_border_color(Color("#fff", 1))
button.add_theme_stylebox_override("normal", normal_style)
	
# ホバー時
var hover_style = button.get_theme_stylebox("hover")
hover_style.set_border_width_all(2)
hover_style.set_border_color(Color("#fff", 1))
button.add_theme_stylebox_override("hover", hover_style)
	
# 押された時
var pressed_style = button.get_theme_stylebox("pressed")
pressed_style.set_border_width_all(2)
pressed_style.set_border_color(Color("#fff", 1))
button.add_theme_stylebox_override("pressed", pressed_style)
	
# フォーカス時
var focus_style = button.get_theme_stylebox("focus")
focus_style.set_border_width_all(2)
focus_style.set_border_color(Color("#fff", 1))
button.add_theme_stylebox_override("focus", focus_style)

Godot

TitleGodot - Buttonに枠線を付ける

CategoryGodot

Created

Update

AuthorYousuke.U