Class: Button

Extends

• GOWN.Skinable

Members

static,readonlyGOWN.Button.DOWNString

Down state: mouse button is pressed or finger touches the screen

static,readonlyGOWN.Button.HOVERString

Hover state: mouse pointer hovers over the button (ignored on mobile)

static,readonlyGOWN.Button.OUTString

Out state: mouse pointer leaves the button (ignored on mobile)

static,readonlyGOWN.Button.SKIN_NAMEString

Default button skin name

static,readonlyGOWN.Button.TRIGGEREDString

Dispatched when the button is triggered.

static,readonlyGOWN.Button.UPString

Up state: mouse button is released or finger is removed from the screen

allowDestroyCachebool

Will destroy the skin cache when the skinable gets destroyed

Default Value:

• true

currentStateString

The current state

enabledBoolean

Enables/Disables the control. (not implemented yet)

labelString

Create/Update the label of the button.

skinFallbackString

The fallback skin if the other skin does not exist (e.g. if a mobile theme that does not provide a "hover" state is used on a desktop system) (normally the default "up"-state skin)

Default Value:

• 'up'

skinNameString

The skin name

Default Value:

• Button.SKIN_NAME

Methods

inherited changeSkin(skin)

core/Skinable.js, line 110

Remove old skin and add new one

Name	Type	Description
skin	DisplayObject

inherited destroy()

core/Skinable.js, line 221

Destroy the Skinable and empty the skin cache

inherited fromSkin(name, callback)

core/Skinable.js, line 134

Get image from skin (will execute a callback with the loaded skin when it is loaded or call it directly when it already is loaded)

Name	Type	Description
name	String	name of the state
callback	function	callback that is executed if the skin is loaded

protectedhandleEvent(type)

controls/Button.js, line 265

Handle one of the mouse/touch events

Name	Type	Description
type		one of the valid states

inherited mousePos(){PIXI.Point}

core/Control.js, line 69

Get the local mouse position from PIXI.InteractionData

Returns:

Type	Description
PIXI.Point

protectedonDown()

controls/Button.js, line 168

onDown callback

protectedonHover()

controls/Button.js, line 195

onHover callback

protectedonOut()

controls/Button.js, line 206

onOut callback

protectedonTouchMove()

controls/Button.js, line 217

onTouchMove callback

protectedonUp()

controls/Button.js, line 183

onUp callback

protectedpreloadSkins()

controls/Button.js, line 131

Initiate all skins first (to prevent flickering)

protectedredraw()

controls/Button.js, line 314

Update before draw call (position label)

setTheme(theme)

controls/Button.js, line 364

Change the theme

Name	Type	Description
theme	GOWN.Theme	the new theme

protectedskinLoaded(skin)

controls/Button.js, line 148

Skin has been loaded (see preloadSkins) and stored into the skinCache. add to container, hide and resize

Name	Type	Description
skin		the loaded skin

protectedupdateDimensions()

controls/Button.js, line 232

Update width/height of the button

inherited updateTheme(data)

core/Skinable.js, line 100

Overwrite data from theme for this specific component. (usable if you want to change e.g. background color based on selected items)

Name	Type	Description
data		updated skin data