Button

Inherits: BaseButton < Control < CanvasItem < Node < Object

Inherited By: CheckBox, CheckButton, ColorPickerButton, MenuButton, OptionButton, ToolButton

Standard themed Button.

Description

Button is the standard themed button. It can contain text and an icon, and will display them according to the current Theme.

Example of creating a button and assigning an action when pressed by code:

  1. func _ready():
  2. var button = Button.new()
  3. button.text = "Click me"
  4. button.connect("pressed", self, "_button_pressed")
  5. add_child(button)
  6. func _button_pressed():
  7. print("Hello world!")

Buttons (like all Control nodes) can also be created in the editor, but some situations may require creating them from code.

See also BaseButton which contains common properties and methods associated with this node.

Note: Buttons do not interpret touch input and therefore don’t support multitouch, since mouse emulation can only press one button at a given time. Use TouchScreenButton for buttons that trigger gameplay movement or actions, as TouchScreenButton supports multitouch.

Tutorials

Properties

TextAlign

align

1

bool

clip_text

false

bool

expand_icon

false

bool

flat

false

Texture

icon

TextAlign

icon_align

0

String

text

“”

Theme Properties

Color

font_color

Color( 0.88, 0.88, 0.88, 1 )

Color

font_color_disabled

Color( 0.9, 0.9, 0.9, 0.2 )

Color

font_color_focus

Color( 0.94, 0.94, 0.94, 1 )

Color

font_color_hover

Color( 0.94, 0.94, 0.94, 1 )

Color

font_color_pressed

Color( 1, 1, 1, 1 )

int

hseparation

2

Font

font

StyleBox

disabled

StyleBox

focus

StyleBox

hover

StyleBox

normal

StyleBox

pressed

Enumerations

enum TextAlign:

  • ALIGN_LEFT = 0 —- Align the text to the left.

  • ALIGN_CENTER = 1 —- Align the text to the center.

  • ALIGN_RIGHT = 2 —- Align the text to the right.

Property Descriptions

Default

1

Setter

set_text_align(value)

Getter

get_text_align()

Text alignment policy for the button’s text, use one of the TextAlign constants.


Default

false

Setter

set_clip_text(value)

Getter

get_clip_text()

When this property is enabled, text that is too large to fit the button is clipped, when disabled the Button will always be wide enough to hold the text.


Default

false

Setter

set_expand_icon(value)

Getter

is_expand_icon()

When enabled, the button’s icon will expand/shrink to fit the button’s size while keeping its aspect.


Default

false

Setter

set_flat(value)

Getter

is_flat()

Flat buttons don’t display decoration.


Setter

set_button_icon(value)

Getter

get_button_icon()

Button’s icon, if text is present the icon will be placed before the text.

To edit margin and spacing of the icon, use hseparation theme property of Button and content_margin_* properties of the used StyleBoxes.


Default

0

Setter

set_icon_align(value)

Getter

get_icon_align()

Specifies if the icon should be aligned to the left, right, or center of a button. Uses the same TextAlign constants as the text alignment. If centered, text will draw on top of the icon.


Default

“”

Setter

set_text(value)

Getter

get_text()

The button’s text that will be displayed inside the button’s area.

Theme Property Descriptions

Default

Color( 0.88, 0.88, 0.88, 1 )

Default text Color of the Button.


  • Color font_color_disabled

Default

Color( 0.9, 0.9, 0.9, 0.2 )

Text Color used when the Button is disabled.


Default

Color( 0.94, 0.94, 0.94, 1 )

Text Color used when the Button is focused. Only replaces the normal text color of the button. Disabled, hovered, and pressed states take precedence over this color.


Default

Color( 0.94, 0.94, 0.94, 1 )

Text Color used when the Button is being hovered.


  • Color font_color_pressed

Default

Color( 1, 1, 1, 1 )

Text Color used when the Button is being pressed.


  • int hseparation

Default

2

The horizontal space between Button‘s icon and text.


Font of the Button‘s text.


StyleBox used when the Button is disabled.


StyleBox used when the Button is focused. It is displayed over the current StyleBox, so using StyleBoxEmpty will just disable the focus visual effect.


StyleBox used when the Button is being hovered.


Default StyleBox for the Button.


StyleBox used when the Button is being pressed.