Skip to content
ClassUI & Typography@public

FlxNineSliceSprite

Resizable sprite with fixed corner and edge art via Pixi 9-slice scaling.

Use link or link instead of link so border insets are tracked for rendering.

ts
export declare class FlxNineSliceSprite extends FlxSprite

Constructors

ts
constructor(x?: number, y?: number, width?: number, height?: number)

Constructs a new instance of the FlxNineSliceSprite class

ParameterTypeDescription
xnumber-
ynumber-
widthnumber-
heightnumber-

Properties

PropertyModifiersTypeDescription
bottomHeightreadonlynumber-
leftWidthreadonlynumber-
rightWidthreadonlynumber-
topHeightreadonlynumber-

Methods

createRenderHandle()

ts
createRenderHandle(): FlxNineSliceRenderHandle

Returns: FlxNineSliceRenderHandle

loadGraphic()

ts
loadGraphic(source: FlxGraphic | Texture, animated?: boolean, reverse?: boolean, width?: number, height?: number, unique?: boolean): this

Parameters:

ParameterTypeDescription
sourceFlxGraphic | Texture-
animatedboolean-
reverseboolean-
widthnumber-
heightnumber-
uniqueboolean-

Returns: this

loadNineSliceFrame()

ts
loadNineSliceFrame(atlas: FlxAtlas, name: string, width: number, height: number, borders?: FlxNineSliceBorderInput): this

Parameters:

ParameterTypeDescription
atlasFlxAtlas-
namestring-
widthnumber-
heightnumber-
bordersFlxNineSliceBorderInput-

Returns: this

loadNineSliceGraphic()

ts
loadNineSliceGraphic(source: FlxGraphic | Texture, animated?: boolean, reverse?: boolean, frameWidth?: number, frameHeight?: number, borders?: FlxNineSliceBorderInput, displayWidth?: number, displayHeight?: number): this

Parameters:

ParameterTypeDescription
sourceFlxGraphic | Texture-
animatedboolean-
reverseboolean-
frameWidthnumber-
frameHeightnumber-
bordersFlxNineSliceBorderInput-
displayWidthnumber-
displayHeightnumber-

Returns: this

loadNineSliceTexture()

ts
loadNineSliceTexture(texture: Texture, width: number, height: number, borders?: FlxNineSliceBorderInput): this

Parameters:

ParameterTypeDescription
textureTexture-
widthnumber-
heightnumber-
bordersFlxNineSliceBorderInput-

Returns: this

postUpdate()

ts
postUpdate(): void

Returns: void

resize()

ts
resize(width: number, height: number): this

Resize the stretched region without distorting corner art.

Parameters:

ParameterTypeDescription
widthnumber-
heightnumber-

Returns: this

setBorders()

ts
setBorders(left: number, top: number, right: number, bottom: number): this

Replace all border insets and resync renderer-owned geometry.

Parameters:

ParameterTypeDescription
leftnumber-
topnumber-
rightnumber-
bottomnumber-

Returns: this

Released under the MIT License.