UI / FlipBook
FlipBook Class
Frame animation control
Hierarchy
↳
FlipBook
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
• | • | ||||
|---|---|---|---|---|---|
Number of effective segmentation columns for frame images>=1 Returns
| Number of effective segmentation columns for frame images>=1 Parameters
|
currentFrameIndex
• | • | ||||
|---|---|---|---|---|---|
Frame What frame is the animation currently playing to Returns
| Set the current frame of the frame animation to be played, which is less than the maximum number of valid frames Parameters
|
framesPerSecond
• | • | ||||
|---|---|---|---|---|---|
Frame animation How many frames image are played per second>0 Returns
| Frame animation How many frames image are played per second>0 Parameters
|
imageInfo
• | ||
|---|---|---|
Image asset Information Returns
|
isLoop
• | • | ||||
|---|---|---|---|---|---|
Is the frame animation played in a loop Returns
| Is the frame animation played in a loop Parameters
|
onFinish
• | ||
|---|---|---|
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
|
rows
• | • | ||||
|---|---|---|---|---|---|
The number of effective segmentation lines in a frame image is greater than or equal to 1 Returns
| The number of effective segmentation lines in a frame image is greater than or equal to 1 Parameters
|
status
• | ||
|---|---|---|
Frame animation playback status Returns
|
totalFrames
• | • | ||||
|---|---|---|---|---|---|
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
| 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
|
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? Canvas | Usage: Create the external parent object of the control with default: null |
|---|---|
inName? string | Usage: Create control name default: null |
Returns
FlipBook | Return the created object |
|---|
When the parent and inName are the same as an existing object, the old object will be destroyed
Editor API