Skip to content
FlipBook

UI / FlipBook

FlipBook Class ​

Frame animation control

Hierarchy ​

Table of contents ​

Properties ​

click

Properties ​

onCustomPropertyChange: Readonly<MulticastDelegate<(path: string, value: unknown, oldValue: unknown) => void>> other
Monitor custom attribute synchronization events

Accessors ​

columns(): number other
Number of effective segmentation columns for frame images>=1
currentFrameIndex(): number other
Frame What frame is the animation currently playing to
framesPerSecond(): number other
Frame animation How many frames image are played per second>0
imageInfo(): ImageInfo other
Image asset Information
isLoop(): boolean other
Is the frame animation played in a loop
onFinish(): MulticastDelegate<() => void> other
When the frame animation is played completely, the callback will trigger the condition and play to the last frame, and the playing status is Playing
rows(): number other
The number of effective segmentation lines in a frame image is greater than or equal to 1
status(): PlayStatus other
Frame animation playback status
totalFrames(): number other
Frame The number of effective playback frames for the maximum division of the image, which is greater than 0 and less than (number of rows X number of columns)
click

Accessors ​

alignPosition(): Readonly<Vector2> other
Get the align position of the widget. When the align method is right align, bottom align, and center align, the value of alignPosition is different from that of position;
autoSizeHorizontalEnable(): boolean other
Get whether to automatically set the size horizontally
autoSizeVerticalEnable(): boolean other
Get whether to set the size automatically vertical
cachedGeometry(): Geometry other
Get the previous Get TickSpaceGeometry
constraints(): Readonly<UIConstraintAnchors> other
Get the layout of the control
desiredSize(): Vector2 other
Obtain expected size
enable(): boolean other
Is it available
guid(): string other
Get the widget GUID
isHovered(): boolean other
Is it hovered
mouseCursor(): MouseCursor other
Get the cursor type on the widget
name(): string other
Get Name
paintSpaceGeometry(): Geometry other
Get the last geometric information used to render the Widget
parent(): Widget other
Get parent node
pivot(): Vector2 other
Get the position of the widget anchor. This property determine the relative position of the widget graph and the anchor; At (0,0), the anchor point is located in the upper left corner of the control; (0.5,0.5), the anchor is at the center of the widget
position(): Readonly<Vector2> other
Get the position of the control
renderOpacity(): number other
Obtain rendering transparency
renderScale(): Vector2 other
Get rendering scaling
renderShear(): Vector2 other
Obtain rendering misalignment deformation
renderTransformAngle(): number other
Obtain the rendering angle
renderTransformPivot(): Vector2 other
Get Render anchor
size(): Vector2 other
Get size
tickSpaceGeometry(): Geometry other
Retrieve the last geometric information used to drive Widget Tick
transform(): Readonly<UITransform> other
Obtain the size and position of the control
visibility(): SlateVisibility other
Get visibility
visible(): boolean other
Is it visible
zOrder(): number other
Get Zorder

Methods ​

pause(): void other
Frame animation Play pause
play(): void other
Frame animation playback
resume(): void other
Frame animation playback redo pause, resume playback
stop(): void other
Frame animation playback stops
newObject(parent?: Canvas, inName?: string): FlipBook other
Create FlipBook Control
click

Methods ​

addChild(child: Widget): void other
Add child nodes
clone(position: Vector2, Parent?: any): Widget other
Clone the UI widget and its child nodes to the specified parent widget position (default to its parent node)
destroyObject(): void other
Remove and destroy immediately. Cannot be used again
equal(that: Widget): boolean other
Determine if it is the same object
findChildByPath(inPath: string): Widget other
Find nodes by relative path
getChildAt(index: number): Widget other
What is the position node to obtain
getChildByName<T: extends Widget<T>>(name: string): T: extends Widget<T> other
Search for nodes by name
getChildrenCount(): number other
Obtain the number of child nodes
getCustomProperties(): string[] other
Get all customize property
getCustomProperty<T: extends CustomPropertyType>(propertyName: string): T: extends CustomPropertyType other
Get customize property
getCustomPropertyChangeDelegate(property): Readonly<MulticastDelegate<(path: string, value: unknown, oldValue: unknown) => void>> other
Event proxy triggered when a given object property is modified
invalidateLayoutAndVolatility(): void other
Immediately trigger re rendering and layout calculation
removeAllChildren(): void other
Clearing all child nodes will destroy the UI and render it unusable
removeChild(child: Widget): void other
Removing a node will destroy the UI and make it unusable
removeChildAt(index: number): void other
Removing the third node will destroy the UI and render it unusable
removeObject(): void other
Immediately remove and add to the root node for reuse
serialize(): string other
Serialize UI widget
setCustomProperty(propertyName: string, value: undefined CustomPropertyType): void other
Set custom attributes
deserialize(Data: string, Parent?: Widget): Widget other
Deserialize UI

Properties ​

Accessors ​


columns ​

• get columns(): number other

• set columns(value): void other

Number of effective segmentation columns for frame images>=1

Returns ​

number

Number of effective segmentation columns for frame images>=1

Parameters ​

valuenumber

currentFrameIndex ​

• get currentFrameIndex(): number other

• set currentFrameIndex(index): void other

Frame What frame is the animation currently playing to

Returns ​

number

Set the current frame of the frame animation to be played, which is less than the maximum number of valid frames

Parameters ​

indexnumber

framesPerSecond ​

• get framesPerSecond(): number other

• set framesPerSecond(value): void other

Frame animation How many frames image are played per second>0

Returns ​

number

Frame animation How many frames image are played per second>0

Parameters ​

valuenumber

imageInfo ​

• get imageInfo(): ImageInfo other

Image asset Information

Returns ​

ImageInfo

isLoop ​

• get isLoop(): boolean other

• set isLoop(value): void other

Is the frame animation played in a loop

Returns ​

boolean

Is the frame animation played in a loop

Parameters ​

valueboolean

onFinish ​

• get onFinish(): MulticastDelegate<() => void> other

When the frame animation is played completely, the callback will trigger the condition and play to the last frame, and the playing status is Playing

Returns ​

MulticastDelegate<() => void>

rows ​

• get rows(): number other

• set rows(value): void other

The number of effective segmentation lines in a frame image is greater than or equal to 1

Returns ​

number

The number of effective segmentation lines in a frame image is greater than or equal to 1

Parameters ​

valuenumber

status ​

• get status(): PlayStatus other

Frame animation playback status

Returns ​

PlayStatus

totalFrames ​

• get totalFrames(): number other

• set totalFrames(value): void other

Frame The number of effective playback frames for the maximum division of the image, which is greater than 0 and less than (number of rows X number of columns)

Returns ​

number

Frame The number of effective playback frames for the maximum division of the image, which is greater than 0 and less than (number of rows X number of columns)

Parameters ​

valuenumber

Methods ​


pause ​

• pause(): void other

Frame animation Play pause


play ​

• play(): void other

Frame animation playback


resume ​

• resume(): void other

Frame animation playback redo pause, resume playback


stop ​

• stop(): void other

Frame animation playback stops


newObject ​

• Static newObject(parent?, inName?): FlipBook other

Create FlipBook Control

Parameters ​

parent? CanvasUsage: Create the external parent object of the control with default: null
inName? stringUsage: Create control name default: null

Returns ​

FlipBookReturn the created object

When the parent and inName are the same as an existing object, the old object will be destroyed