Smart UI Radio Button Behavior

Dream it, build it!

Smart UI Radio Button Behavior

Radio Button

Smart UI Radio Button behavior. Controls the object like a radio button, with values: check, and unchecked. It handles ten diferent sprite animations to match all the states of the object, and can be animated with several built-in animations and easings.

Properties

PropertyDescription
EnabledEnables or Disables the radio-button.
IndexIndex of the element within a container. Used for focusing the elements in the sequence order.
Invisible ComponentAllows 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-ColorEnables 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.
NameUnique name string for identifying the selected radiobutton
On HoverAnimations when hovering
Hover TimeTimelapse to complete the animation in seconds.
Hover Change FactorPercentage to alter the object properties
On PressAnimations when pressing
Press TimeTimelapse to complete the animation in seconds.
Checked ValueBoolean value of the radio button. It can be either checked or unchecked.
Unchecked Normal AnimationUnchecked Normal animation Name. Case sensitive, must match the exact name of the animation. [Sprites only]
Checked Normal AnimationChecked Normal animation Name. Case sensitive, must match the exact name of the animation. [Sprites only]
Unchecked Disabled AnimationUnchecked Disabled animation Name. Case sensitive, must match the exact name of the animation. [Sprites only]
Checked Disabled AnimationChecked Disabled animation Name. Case sensitive, must match the exact name of the animation. [Sprites only]
Unchecked Press AnimationUnchecked Press animation Name. Case sensitive, must match the exact name of the animation. [Sprites only]
Checked Press AnimationChecked Press animation Name. Case sensitive, must match the exact name of the animation. [Sprites only]
Unchecked Hover AnimationUnchecked Hover animation Name. Case sensitive, must match the exact name of the animation. [Sprites only]
Checked Hover AnimationChecked Hover animation Name. Case sensitive, must match the exact name of the animation. [Sprites only]
Unchecked Focus AnimationUnchecked Focus animation Name. Case sensitive, must match the exact name of the animation. [Sprites only]
Checked Focus AnimationChecked Focus animation Name. Case sensitive, must match the exact name of the animation. [Sprites only]
Press Change FactorPercentage to alter the object properties
On RestoreAnimations when restoring the radio button properties
Restore TimeTimelapse to complete the animation in seconds.
FocusableMarks if the component can have the focus.
On FocusAnimations when focusing the radio button
Focus TimeTimelapse to complete the animation in seconds.
Focus Change FactorPercentage to alter the object properties

Actions

Set Enabled

Disable/Enable the radio button

ParameterDescription
EnabledEnabled/Disabled

Set Index

Sets the sequence index to influence the selection of components.

ParameterDescription
IndexSequence 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.

ParameterDescription
Invisible ComponentSet if the component processed even if it's invisible: True/False

Set Focusable

Disable/Enable the radio button

ParameterDescription
FocusableFlag 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.

Set Name

Sets the name of the radio button.

ParameterDescription
NameName of the component

Set Check

Toggles the value of the radio button.

ParameterDescription
ValueSet the value of the radio button

Simulate Hover

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

Set Checked Hover Animation

Sets the animation when hovering the radio button

ParameterDescription
Animation nameAnimation name. Only applicable for Sprite objects

Set Unchecked Hover Animation

Sets the animation when hovering the radio button

ParameterDescription
Animation nameAnimation name. Only applicable for Sprite objects

Set Hover Time

Sets the animation duration when hovering the radio button

ParameterDescription
DurationAnimation duration in seconds

Set Hover Change Factor

Sets the animation when hovering the radio button

ParameterDescription
Change FactorPercentage to alter the object properties. Eg. 0.5 is 50%, 0.1 is 10%.

Set Hover Function

Sets the animation when hovering the radio button

ParameterDescription
Animation FunctionEstablishes the animation function when hovering.

Set Checked Press Animation

Sets the animation when pressing the radio button

ParameterDescription
Animation nameAnimation name. Only applicable for Sprite objects

Set Unchecked Press Animation

Sets the animation when pressing the radio button

ParameterDescription
Animation nameAnimation name. Only applicable for Sprite objects

Set Press Time

Sets the animation duration when pressing the radio button

ParameterDescription
DurationAnimation duration in seconds

Set Press Change Factor

Sets the animation when pressing the radio button

ParameterDescription
Change FactorPercentage to alter the object properties. Eg. 0.5 is 50%, 0.1 is 10%.

Set Press Function

Sets the animation when pressing the radio button

ParameterDescription
Animation FunctionEstablishes the animation function when pressing.

Set Unchecked Animation

Sets the animation when restoring the radio button to its normal unchecked state

ParameterDescription
Animation nameAnimation name. Only applicable for Sprite objects

Set Checked Animation

Sets the animation when restoring the radio button to its normal checked state

ParameterDescription
Animation nameAnimation name. Only applicable for Sprite objects

Set Restore Time

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

ParameterDescription
DurationAnimation duration in seconds

Set Restore Function

Sets the animation when restoring the radio button

ParameterDescription
Animation FunctionEstablishes the animation function when restoring the radio button to its original state.

Set Check Disabled Animation

Sets the animation when disabling the radio button

ParameterDescription
Animation nameAnimation name. Only applicable for Sprite objects

Set Uncheck Disabled Animation

Sets the animation when disabling the radio button

ParameterDescription
Animation nameAnimation name. Only applicable for Sprite objects

Set Checked Focus Animation

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

ParameterDescription
Animation nameAnimation name. Only applicable for Sprite objects

Set Unchecked Focus Animation

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

ParameterDescription
Animation nameAnimation name. Only applicable for Sprite objects

Set Focus Time

Sets the animation duration when focusing the radio button

ParameterDescription
DurationAnimation duration in seconds

Set Focus Change Factor

Sets the animation when focusing the radio button

ParameterDescription
Change FactorPercentage to alter the object properties. Eg. 0.5 is 50%, 0.1 is 10%.

Set Focus Function

Sets the animation when focusing the radio button

ParameterDescription
Animation FunctionEstablishes the animation function when focusing.

Conditions

Is Enabled

Returns true if the radio button is enabled

Compare Name

Returns true if the radio button components name equals the parameter

ParameterDescription
NameName to compare with the component picked.

Is Checked

Returns true if the radio button is checked

Is Invisible Component

Returns true if the radio button is configured as an invisible component.

Is Focused

Returns true if the radio button has the focus

Is Hovered

Returns true if the radio button is hovering

Is Pressed

Returns true if the radio button is being pressed

On Focus

Triggered when the radio button gets the focus

On Focus Lost

Triggered when the radio button loses focus

On Selected

Triggered when the radio button is selected.

On Hover

Triggered when the radio button starts hovering

On Hover Lost

Triggered when the radio button ends hovering

On Pressed

Triggered when the radio button started pressing.

On Released

Triggered when the radio button is released.

Expressions

Name

Component name

(c) Pixel Perfect Studio 2024

Tags: , , , ,