Smart UI Button Behavior

Dream it, build it!

Smart UI Button Behavior

Smart UI Button Behavior

Smart UI Button behavior covers all the basic functionality of a Push Button, handles event animations, provides built-in animations and easings, and triggers user event interactions.

Properties

Property Description
Enabled Enables or Disables the button.
Index Index of the element within a container. Used for focusing the elements in the sequence order.
Invisible Component Allows interactions for the component even if the object is invisible. It doesn't affect the visibility attribute of the object, you are responsible of turning it visible or invisible when needed.
Automatic-Color Enables the component to darken a bit when its state is Disabled or when it's focused. Auto-Color is meant to provide a quick identification of the component state. For more specialized customizations, use the component events and disable this check.
Name Unique name string for identifying the selected button
On Hover Animations when hovering
Hover Time Timelapse to complete the animation in seconds.
Hover Animation Hover animation Name. Case sensitive, must match the exact name of the animation. [Sprites only]
Hover Change Factor Percentage to alter the object properties
On Press Animations when pressing
Press Time Timelapse to complete the animation in seconds.
Press Animation Press animation Name. Case sensitive, must match the exact name of the animation. [Sprites only]
Press Change Factor Percentage to alter the object properties
On Restore Animations when restoring the button properties
Restore Time Timelapse to complete the animation in seconds.
Restore Animation Restore animation Name. Case sensitive, must match the exact name of the animation. [Sprites only]
Disabled Animation Disabled animation Name. Case sensitive, must match the exact name of the animation. [Sprites only]
Focusable Marks if the component can have the focus.
On Focus Animations when focusing the button
Focus Time Timelapse to complete the animation in seconds.
Focus Animation Focus animation Name. Case sensitive, must match the exact name of the animation. [Sprites only]
Focus Change Factor Percentage to alter the object properties

Actions

Set Enabled

Disable/Enable the Button

Parameter Description
Enabled Enabled/Disabled

Set Name

Sets the name of the radio button.

Parameter Description
Name Name of the component

Set Index

Sets the sequence index to influence the selection of components.

Parameter Description
Index Sequence index value. E.g. Indexes values of 0 are processed before indexes values of 1 and 2.

Set Invisible Component

Sets whether the component should be processed when it's invisible. Opacity is not taken in consideration.It doesn't affect the visibility attribute of the object, you are responsible of turning it visible or invisible when needed.

Parameter Description
Invisible Component Set if the component processed even if it's invisible: True/False

Set Focusable

Sets the component to be able to receive the focus

Parameter Description
Focusable Flag to allow the component to be focused.

Set Focus

Sets the focus on the component, removing the focus from all the components within the same container.

Simulate Click

Trigger the click event of the plugin, simulating the interaction of the user. Button will be locked for interactions until the animation time is completed.

Simulate Hover

Trigger the hover event of the plugin, simulating the interaction of the user.

Set Hover Animation

Sets the animation when hovering the button

Parameter Description
Animation name Animation name. Only applicable for Sprite objects

Set Hover Time

Sets the animation duration when hovering the button

Parameter Description
Duration Animation duration in seconds

Set Hover Change Factor

Sets the animation when hovering the button

Parameter Description
Change Factor Percentage to alter the object properties. Eg. 0.5 is 50%, 0.1 is 10%.

Set Hover Function

Sets the animation when hovering the button

Parameter Description
Animation Function Establishes the animation function when hovering.

Set Press Animation

Sets the animation when pressing the button

Parameter Description
Animation name Animation name. Only applicable for Sprite objects

Set Press Time

Sets the animation duration when pressing the button

Parameter Description
Duration Animation duration in seconds

Set Press Change Factor

Sets the animation when pressing the button

Parameter Description
Change Factor Percentage to alter the object properties. Eg. 0.5 is 50%, 0.1 is 10%.

Set Press Function

Sets the animation when pressing the button

Parameter Description
Animation Function Establishes the animation function when pressing.

Set Normal Animation

Sets the animation when restoring the button to its normal state

Parameter Description
Animation name Animation name. Only applicable for Sprite objects

Set Restore Time

Sets the animation duration when restore the button to its original state

Parameter Description
Duration Animation duration in seconds

Set Restore Function

Sets the animation when restoring the button

Parameter Description
Animation Function Establishes the animation function when restoring the button to its original state.

Set Disabled Animation

Sets the animation when disabling the button

Parameter Description
Animation name Animation name. Only applicable for Sprite objects

Set Focus Animation

Sets the animation when focusing the button. Focus animation overrides the normal animation if the button has the focus.

Parameter Description
Animation name Animation name. Only applicable for Sprite objects

Set Focus Time

Sets the animation duration when focusing the button

Parameter Description
Duration Animation duration in seconds

Set Focus Change Factor

Sets the animation when focusing the button

Parameter Description
Change Factor Percentage to alter the object properties. Eg. 0.5 is 50%, 0.1 is 10%.

Set Focus Function

Sets the animation when focusing the button

Parameter Description
Animation Function Establishes the animation function when focusing.

Conditions

Is Enabled

Returns true if the Button is enabled

Is Invisible Component

Returns true if the Button is configured as an invisible component.

Compare Name

Returns true if the button components name equals the parameter

Parameter Description
Name Name to compare with the component picked.

Is Focused

Returns true if the Button has the focus

Is Hovered

Returns true if the Button is hovering

Is Pressed

Returns true if the Button is being pressed

On Focus

Triggered when the button gets the focus

On Focus Lost

Triggered when the button loses focus

On Click

Triggered when the button is clicked

On Hover

Triggered when the button starts hovering

On Hover Lost

Triggered when the button ends hovering

On Pressed

Triggered when the button started pressing.

On Released

Triggered when the button is released.

Expressions

Name

Component name

(c) Pixel Perfect Studio 2024

Tags: , , , , , ,