Skip to content

PixiSlider

Defined in: ui/src/pixi-ui/PixiSlider.ts:60

Yoga-aware wrapper around @pixi/ui Slider.

new PixiSlider(props): PixiSlider

Defined in: ui/src/pixi-ui/PixiSlider.ts:61

PixiSliderProps

PixiSlider

PixiUIBase.constructor

readonly _transform: ElementTransform

Defined in: ui/src/UIElementBase.ts:20

Internal

PixiUIBase._transform


readonly displayObject: DisplayContainer

Defined in: ui/src/pixi-ui/PixiUIBase.ts:43

PixiUIBase.displayObject


protected prevProps: Record<string, unknown> = {}

Defined in: ui/src/pixi-ui/PixiUIBase.ts:46

PixiUIBase.prevProps


protected readonly view: SteppableSlider

Defined in: ui/src/pixi-ui/PixiUIBase.ts:45

PixiUIBase.view


readonly yogaNode: Node

Defined in: ui/src/pixi-ui/PixiUIBase.ts:44

PixiUIBase.yogaNode

get disabled(): boolean

Defined in: ui/src/pixi-ui/PixiUIBase.ts:199

Whether the widget refuses the pointer and a confirm press. Only a widget whose @pixi/ui view carries an enabled flag reports true.

boolean

PixiUIBase.disabled


get focusable(): boolean

Defined in: ui/src/pixi-ui/PixiUIBase.ts:222

Whether the widget takes part in focus navigation.

boolean

PixiUIBase.focusable


get focused(): boolean

Defined in: ui/src/pixi-ui/PixiUIBase.ts:204

Whether the widget holds focus in the scope that owns it.

boolean

PixiUIBase.focused


get protected hovered(): boolean

Defined in: ui/src/pixi-ui/PixiUIBase.ts:209

Whether the pointer is over the widget.

boolean

PixiUIBase.hovered


get protected interactive(): boolean

Defined in: ui/src/pixi-ui/PixiUIBase.ts:191

Whether the wrapped widget answers the player. One that only displays a value keeps its view’s own event mode and stays out of navigation unless focusable asks for it.

boolean

PixiUIBase.interactive


get protected pressed(): boolean

Defined in: ui/src/pixi-ui/PixiUIBase.ts:217

Whether any device is holding the widget down: the pointer, a confirm press from a focus scope, or both.

boolean

PixiUIBase.pressed


get rotation(): number

Defined in: ui/src/UIElementBase.ts:50

See LayoutProps.rotation.

number

set rotation(value): void

Defined in: ui/src/UIElementBase.ts:54

number

void

PixiUIBase.rotation


get scale(): Readonly<{ x: number; y: number; }>

Defined in: ui/src/UIElementBase.ts:41

See LayoutProps.scale.

Readonly<{ x: number; y: number; }>

set scale(value): void

Defined in: ui/src/UIElementBase.ts:45

number | { x: number; y: number; }

void

PixiUIBase.scale


get transformOrigin(): Readonly<{ x: number; y: number; }>

Defined in: ui/src/UIElementBase.ts:32

See LayoutProps.transformOrigin.

Readonly<{ x: number; y: number; }>

set transformOrigin(value): void

Defined in: ui/src/UIElementBase.ts:36

number | { x: number; y: number; }

void

PixiUIBase.transformOrigin


get visible(): boolean

Defined in: ui/src/pixi-ui/PixiUIBase.ts:64

boolean

set visible(v): void

Defined in: ui/src/pixi-ui/PixiUIBase.ts:68

boolean

void

PixiUIBase.visible


get zIndex(): number

Defined in: ui/src/UIElementBase.ts:59

See LayoutProps.zIndex.

number

set zIndex(value): void

Defined in: ui/src/UIElementBase.ts:63

number

void

PixiUIBase.zIndex

_inspectState(): object

Defined in: ui/src/pixi-ui/PixiUIBase.ts:399

Internal

object

disabled: boolean

focusable: boolean

focused: boolean

PixiUIBase._inspectState


activate(): void

Defined in: ui/src/pixi-ui/PixiSlider.ts:85

A slider is stepped, not pressed.

void

PixiUIBase.activate


protected adjust(direction): boolean

Defined in: ui/src/pixi-ui/PixiSlider.ts:101

Step the value on left and right. Setting value reports the move and the commit settles it, the order a drag produces. At either end the press is not consumed, so focus leaves the slider.

FocusDirection

boolean

PixiUIBase.adjust


applyLayout(): void

Defined in: ui/src/pixi-ui/PixiUIBase.ts:308

void

PixiUIBase.applyLayout


protected applyTransformProps(props): void

Defined in: ui/src/UIElementBase.ts:27

Apply the four transform props present in props. A present key holding undefined resets that prop to its default. Throws before writing anything if a value is not finite.

LayoutProps

void

PixiUIBase.applyTransformProps


protected bridgeSignal<F>(signal, key, kind, newProps): void

Defined in: ui/src/pixi-ui/PixiUIBase.ts:317

Bridge a @pixi/ui Signal to a callback prop. Only reconnects if ref changed.

F extends (…args) => void

(cb) => void

(cb) => void

string

string

Record<string, unknown>

void

PixiUIBase.bridgeSignal


destroy(): void

Defined in: ui/src/pixi-ui/PixiUIBase.ts:407

void

PixiUIBase.destroy


protected disconnectAll(): void

Defined in: ui/src/pixi-ui/PixiSlider.ts:125

Override in subclass to disconnect all signals on destroy.

void

PixiUIBase.disconnectAll


protected disconnectBridgedSignal<F>(signal, key): void

Defined in: ui/src/pixi-ui/PixiUIBase.ts:353

F extends (…args) => void

(cb) => void

string

void

PixiUIBase.disconnectBridgedSignal


protected focusOutlineBox(): UIFocusOutlineBox

Defined in: ui/src/pixi-ui/PixiSlider.ts:92

Outline the track together with the knob’s whole travel. The knob overhangs the layout box, and a box measured from what is drawn would move with the value.

UIFocusOutlineBox

PixiUIBase.focusOutlineBox


protected fromViewSpace(box): UIFocusOutlineBox

Defined in: ui/src/pixi-ui/PixiUIBase.ts:297

Map a rectangle from the widget view’s own space into this element’s.

UIFocusOutlineBox

UIFocusOutlineBox

PixiUIBase.fromViewSpace


protected intrinsicSize(): object

Defined in: ui/src/pixi-ui/PixiUIBase.ts:257

The size layout gives this widget when nothing constrains it. A composite that hides or reparents its parts — a dropdown lifting its open list out of this container — overrides this so the space it takes in the flow does not depend on which part is on screen.

object

height: number

width: number

PixiUIBase.intrinsicSize


protected invalidateSize(): void

Defined in: ui/src/pixi-ui/PixiUIBase.ts:373

Re-measure on the next layout pass. Yoga caches a measure function’s result, so a prop that changes the widget’s intrinsic size (its text, its item list) leaves the old size in the tree until the node is dirtied.

void

PixiUIBase.invalidateSize


protected optional setPressed(pressed): void

Defined in: ui/src/pixi-ui/PixiUIBase.ts:242

Show the widget’s pressed face while a device holds it down, and its resting face once every device has let go. A widget with no pressed face leaves it out.

true arrives again where the widget has repainted itself under a press that is still held, so an implementation sets the face and never toggles it.

boolean

void

PixiUIBase.setPressed


protected sizedByLayout(): boolean

Defined in: ui/src/pixi-ui/PixiUIBase.ts:267

Whether the size layout computes is what makes the widget that size. A composite that places its own parts (a checkbox with a label, a radio group) answers false: sizing its container would scale those parts out of shape, so it draws at its own size inside the layout box.

boolean

PixiUIBase.sizedByLayout


update(props): void

Defined in: ui/src/pixi-ui/PixiSlider.ts:111

Record<string, unknown>

void

PixiUIBase.update


protected updateBase(props): void

Defined in: ui/src/pixi-ui/PixiUIBase.ts:378

Apply layout props, visible, and store prevProps. Call at end of subclass update().

Record<string, unknown>

void

PixiUIBase.updateBase

Coding agents: fetch https://yage.dev/llms.txt first and prefer the Markdown references it links over these HTML pages. This page's Markdown counterpart is /llms/packages/ui.md.