Skip to content

1681-engine / ui / Label

Class: Label ​

Defined in: src/ui/Label.ts:12

A line (or block) of text with a layout box measured from what it prints. A HUD number rewritten every frame should be a BitmapLabel: a Text repaints and uploads its canvas on every change.

Extends ​

Constructors ​

Constructor ​

ts
new Label(text): Label;

Defined in: src/ui/Label.ts:15

Parameters ​

ParameterType
textLabelText

Returns ​

Label

Overrides ​

Widget.constructor

Properties ​

boxH ​

ts
protected boxH: number = 0;

Defined in: src/ui/Widget.ts:23

Inherited from ​

Widget.boxH


boxW ​

ts
protected boxW: number = 0;

Defined in: src/ui/Widget.ts:22

Inherited from ​

Widget.boxW


focusable ​

ts
focusable: boolean = false;

Defined in: src/ui/Widget.ts:21

Whether the focus manager may land on it (buttons, sliders, toggles).

Inherited from ​

Widget.focusable


text ​

ts
readonly text: LabelText;

Defined in: src/ui/Label.ts:15

Accessors ​

boxHeight ​

Get Signature ​

ts
get boxHeight(): number;

Defined in: src/ui/Widget.ts:31

Returns ​

number

Inherited from ​

Widget.boxHeight


boxWidth ​

Get Signature ​

ts
get boxWidth(): number;

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

Returns ​

number

Inherited from ​

Widget.boxWidth


enabled ​

Get Signature ​

ts
get enabled(): boolean;

Defined in: src/ui/Widget.ts:35

Returns ​

boolean

Set Signature ​

ts
set enabled(v): void;

Defined in: src/ui/Widget.ts:39

Parameters ​
ParameterType
vboolean
Returns ​

void

Inherited from ​

Widget.enabled


focused ​

Get Signature ​

ts
get focused(): boolean;

Defined in: src/ui/Widget.ts:47

Returns ​

boolean

Inherited from ​

Widget.focused


host ​

Get Signature ​

ts
get protected host(): UiHost | null;

Defined in: src/ui/Widget.ts:90

The root it sits under, looked up when needed: a widget may be built before it is added.

Returns ​

UiHost | null

Inherited from ​

Widget.host


value ​

Get Signature ​

ts
get value(): string;

Defined in: src/ui/Label.ts:34

Returns ​

string

Methods ​

activate() ​

ts
activate(): void;

Defined in: src/ui/Widget.ts:82

Accept pressed while focused (Enter, the pad's A).

Returns ​

void

Inherited from ​

Widget.activate


canFocus() ​

ts
canFocus(): boolean;

Defined in: src/ui/Widget.ts:75

Focusable now: enabled, shown, and every parent shown.

Returns ​

boolean

Inherited from ​

Widget.canFocus


childResized() ​

ts
protected childResized(_child): void;

Defined in: src/ui/Widget.ts:108

A child widget's box changed size by itself (a Label given a longer text). A widget that places a child by its size (a Button centring its content) lays it out again here; the default does nothing, so a Stack still waits for its layout() and a change does not ripple up through every container.

Parameters ​

ParameterType
_childWidget

Returns ​

void

Inherited from ​

Widget.childResized


makeInteractive() ​

ts
protected makeInteractive(): void;

Defined in: src/ui/Widget.ts:98

Hit-tested by Pixi, and every press on it is kept from the world. A widget whose drawing has gaps (a scroll view, an empty panel) also sets a hitArea over its box, so a press between its pieces is not the world's.

Returns ​

void

Inherited from ​

Widget.makeInteractive


ts
navigate(_dir): boolean;

Defined in: src/ui/Widget.ts:85

A direction pressed while focused; true when the widget used it (a slider stepping) so focus stays.

Parameters ​

ParameterType
_dirNavDirection

Returns ​

boolean

Inherited from ​

Widget.navigate


notifyResized() ​

ts
protected notifyResized(): void;

Defined in: src/ui/Widget.ts:111

Tells the parent widget this one's box changed size by itself.

Returns ​

void

Inherited from ​

Widget.notifyResized


place() ​

ts
place(x, y): this;

Defined in: src/ui/Widget.ts:68

Moves it, on whole pixels under a pixel-perfect root.

Parameters ​

ParameterType
xnumber
ynumber

Returns ​

this

Inherited from ​

Widget.place


redraw() ​

ts
protected redraw(): void;

Defined in: src/ui/Label.ts:56

Draws the current size and state.

Returns ​

void

Overrides ​

Widget.redraw


resize() ​

ts
resize(width, height): this;

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

Resizes the layout box (whole pixels under a pixel-perfect root) and redraws.

Parameters ​

ParameterType
widthnumber
heightnumber

Returns ​

this

Inherited from ​

Widget.resize


setFocused() ​

ts
setFocused(v): void;

Defined in: src/ui/Widget.ts:52

Called by the focus manager.

Parameters ​

ParameterType
vboolean

Returns ​

void

Inherited from ​

Widget.setFocused


setText() ​

ts
setText(value): this;

Defined in: src/ui/Label.ts:39

Changes the text; the same string again costs nothing (a HUD may set it every frame).

Parameters ​

ParameterType
valuestring

Returns ​

this


bitmap() ​

ts
static bitmap(
   value, 
   fontFamily, 
   size, 
   color, 
   stroke?, 
   strokeWidth?, 
   resolution?, 
   glyphs?
): Label;

Defined in: src/ui/Label.ts:30

A label printed from a bitmap font (see installLabelFont; glyphs beyond ASCII it will print).

Parameters ​

ParameterTypeDefault value
valuestringundefined
fontFamilystringundefined
sizenumberundefined
colorstringundefined
strokestring'#000000'
strokeWidthnumber0
resolutionnumber1
glyphsstring''

Returns ​

Label


text() ​

ts
static text(value, style): Label;

Defined in: src/ui/Label.ts:25

A label printed with a canvas Text.

Parameters ​

ParameterType
valuestring
styleTextStyle

Returns ​

Label

Released under the MIT License.