Skip to content

FlexContainer

Defined in: ui/FlexContainer.ts:34

  • _FlexContainer

T extends Application = Application

new FlexContainer<T>(config): FlexContainer<T>

Defined in: ui/FlexContainer.ts:38

Partial<FlexContainerConfig> = {}

FlexContainer<T>

_FlexContainer.constructor

add: object

Defined in: mixins/factory/Factory.ts:6

animatedSprite: (props?) => AnimatedSprite

Partial<AnimatedSpriteProps>

AnimatedSprite

bitmapText: (props?) => BitmapText

Partial<TextProps>

BitmapText

button: (props?) => Button

Partial<ButtonProps>

Button

container: (props?) => Container<Application<DataSchema, ActionContext, Action, Renderer>>

Partial<ContainerProps>

Container<Application<DataSchema, ActionContext, Action, Renderer>>

existing: <TEntity>(entity, props?) => TEntity

TEntity

TEntity

Partial<ExistingProps>

TEntity

flexContainer: (props?) => FlexContainer

Partial<FlexContainerProps>

FlexContainer

graphics: (props?) => Graphics

Partial<GraphicsProps>

Graphics

htmlText: (props?) => HTMLText

Partial<HTMLTextProps>

HTMLText

particleContainer: (props?) => ParticleContainer<Application<DataSchema, ActionContext, Action, Renderer>>

Partial<ParticleContainerProps>

ParticleContainer<Application<DataSchema, ActionContext, Action, Renderer>>

spine: (props?) => Spine

Partial<SpineProps>

Spine

spineAnimation: <ANames, A>(props?) => SpineAnimation<ANames, A>

ANames extends string = string

A extends Application<DataSchema, ActionContext, Action, Renderer> = Application<DataSchema, ActionContext, Action, Renderer>

Partial<SpineProps>

SpineAnimation<ANames, A>

sprite: (props?) => Sprite

Partial<SpriteProps>

Sprite

text: (props?) => Text

Partial<TextProps>

Text

texture: (props?) => Texture = resolveTexture

Partial<TextureProps>

Texture

tilingSprite: (props?) => TilingSprite

Partial<TilingSpriteProps>

TilingSprite

toaster: (toasterConfig?, defaultToastConfig) => Toaster

Partial<ToasterConfig>

Partial<ToastConfig> = {}

Toaster

uiCanvas: (props?) => UICanvas

Partial<UICanvasFactoryProps>

UICanvas

svg(props): Svg

WithRequiredProps<SvgProps, "ctx">

Svg

_FlexContainer.add


config: Partial<FlexContainerConfig>

Defined in: ui/FlexContainer.ts:36


make: object

Defined in: mixins/factory/Factory.ts:7

animatedSprite: (props?) => AnimatedSprite

Partial<AnimatedSpriteProps>

AnimatedSprite

bitmapText: (props?) => BitmapText

Partial<TextProps>

BitmapText

button: (props?) => Button

Partial<ButtonProps>

Button

container: (props?) => Container<Application<DataSchema, ActionContext, Action, Renderer>>

Partial<ContainerProps>

Container<Application<DataSchema, ActionContext, Action, Renderer>>

existing: <TEntity>(entity, props?) => TEntity

TEntity

TEntity

Partial<ExistingProps>

TEntity

flexContainer: (props?) => FlexContainer

Partial<FlexContainerProps>

FlexContainer

graphics: (props?) => Graphics

Partial<GraphicsProps>

Graphics

htmlText: (props?) => HTMLText

Partial<HTMLTextProps>

HTMLText

particleContainer: (props?) => ParticleContainer<Application<DataSchema, ActionContext, Action, Renderer>>

Partial<ParticleContainerProps>

ParticleContainer<Application<DataSchema, ActionContext, Action, Renderer>>

spine: (props?) => Spine

Partial<SpineProps>

Spine

spineAnimation: <ANames, A>(props?) => SpineAnimation<ANames, A>

ANames extends string = string

A extends Application<DataSchema, ActionContext, Action, Renderer> = Application<DataSchema, ActionContext, Action, Renderer>

Partial<SpineProps>

SpineAnimation<ANames, A>

sprite: (props?) => Sprite

Partial<SpriteProps>

Sprite

text: (props?) => Text

Partial<TextProps>

Text

texture: (props?) => Texture = resolveTexture

Partial<TextureProps>

Texture

tilingSprite: (props?) => TilingSprite

Partial<TilingSpriteProps>

TilingSprite

toaster: (toasterConfig?, defaultToastConfig) => Toaster

Partial<ToasterConfig>

Partial<ToastConfig> = {}

Toaster

uiCanvas: (props?) => UICanvas

Partial<UICanvasFactoryProps>

UICanvas

svg(props): Svg

WithRequiredProps<SvgProps, "ctx">

Svg

_FlexContainer.make


onLayoutComplete: Signal<() => void>

Defined in: ui/FlexContainer.ts:35


signalConnections: SignalConnections

Defined in: mixins/signals.ts:9

_FlexContainer.signalConnections

get alignItems(): AlignItems

Defined in: ui/FlexContainer.ts:144

AlignItems

set alignItems(value): void

Defined in: ui/FlexContainer.ts:148

AlignItems

void


get app(): T

Defined in: ui/FlexContainer.ts:112

T


get flexDirection(): FlexDirection

Defined in: ui/FlexContainer.ts:135

FlexDirection

set flexDirection(value): void

Defined in: ui/FlexContainer.ts:139

FlexDirection

void


get flexWrap(): FlexWrap

Defined in: ui/FlexContainer.ts:126

FlexWrap

set flexWrap(value): void

Defined in: ui/FlexContainer.ts:130

FlexWrap

void


get gap(): number

Defined in: ui/FlexContainer.ts:117

number

set gap(value): void

Defined in: ui/FlexContainer.ts:121

number

void


get justifyContent(): JustifyContent

Defined in: ui/FlexContainer.ts:153

JustifyContent

set justifyContent(value): void

Defined in: ui/FlexContainer.ts:157

JustifyContent

void


get layoutHeight(): SizeNumber

Defined in: ui/FlexContainer.ts:189

SizeNumber

set layoutHeight(height): void

Defined in: ui/FlexContainer.ts:193

SizeNumber

void


get layoutWidth(): SizeNumber

Defined in: ui/FlexContainer.ts:180

SizeNumber

set layoutWidth(width): void

Defined in: ui/FlexContainer.ts:184

SizeNumber

void


get size(): object

Defined in: ui/FlexContainer.ts:162

object

height: SizeNumber

width: SizeNumber

set size(size): void

Defined in: ui/FlexContainer.ts:169

SizeNumber | { height: SizeNumber; width: SizeNumber; } | [SizeNumber, SizeNumber]

void

addSignalConnection(…args): void

Defined in: mixins/signals.ts:13

SignalConnection[]

void

_FlexContainer.addSignalConnection


connectAction(…args): void

Defined in: mixins/signals.ts:15

SignalConnection[]

void

_FlexContainer.connectAction


connectSignal(…args): void

Defined in: mixins/signals.ts:14

SignalConnection[]

void

_FlexContainer.connectSignal


destroy(): void

Defined in: ui/FlexContainer.ts:198

Removes all internal references and listeners as well as removes children from the display list. Do not use a Container after calling destroy.

void

container.destroy();
container.destroy(true);
container.destroy({ children: true });
container.destroy({ children: true, texture: true, textureSource: true });

_FlexContainer.destroy


updateLayout(): void

Defined in: ui/FlexContainer.ts:106

void