Material Box

Material Box

WEBデザイン & フリー素材

Godot - Labelの背景をカスタマイズする

Godot

GDScriptでLabelノードの背景をカスタマイズするコード例です。


add_theme_stylebox_override()を利用して、ラベルの背景の色、角丸、Margin、枠線、傾斜をカスタマイズする事が可能です。
set_skew()を利用した傾斜はテキストには影響しません。

# LabelのStyles
var styles = StyleBoxFlat.new()
add_theme_stylebox_override('normal', styles)

# ラベルの背景色
styles .set_bg_color(Color("#000", 1))
# ラベルテキストとの余白
styles.set_content_margin_all(100)
# ラベルの枠線の色
styles.set_border_color(Color("#FF2222", 1))
# ラベルの枠線の幅
styles.set_border_width_all(20)
# ラベルの角丸
styles.set_corner_radius_all(10)
# ラベルの傾斜
styles.set_skew(Vector2(0.2, 0))

Godot

TitleGodot - Labelの背景をカスタマイズする

CategoryGodot

Created

Update

AuthorYousuke.U