Material Box

Material Box

WEBデザイン & フリー素材

Godot - Buttonの角を丸くする

Godot

GDScriptから円形のButtonノードの角を丸くする方法とコード例です。


Buttonノードはデフォルトで角の丸みは設定されていません。
角の丸みを設定するには、デフォルト時、カーソルのホバー時、押された時、フォーカス時、それぞれのスタイルにadd_theme_stylebox_override()で新しくStyleBoxを更新します。
元のStyleBoxはget_theme_stylebox()で取得しています。
set_corner_radius_all()を利用する事で角の丸みを調節可能です。

# 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_corner_radius_all(20)
button.add_theme_stylebox_override("normal", normal_style)

# ホバー時
var normal_style = button.get_theme_stylebox("hover")
hover_style.set_corner_radius_all(100)
button.add_theme_stylebox_override("hover", hover_style)

# 押された時
var normal_style = button.get_theme_stylebox("pressed")
pressed_style.set_corner_radius_all(20)
button.add_theme_stylebox_override("pressed", pressed_style)
	
# フォーカス時
var normal_style = button.get_theme_stylebox("focus")
focus_style.set_corner_radius_all(20)
button.add_theme_stylebox_override("focus", focus_style)

Godot

TitleGodot - Buttonの角を丸くする

CategoryGodot

Created

Update

AuthorYousuke.U