Choose this component to create a new rectangle in your user interface.
Drag & drop this component in the graphical user interface or in the hierarchy tree.

General:

Name Description
Width width of the component
Height height of the component
X left position of the component
Y top position of the component
Color background color of the rectangle. Directly edit the value or use the color picker
Alpha background opacity of the rectangle
Radius radius of the corner’s rectangle
Antialiasing enable antialiasing of the component for smooth edge
Enable click enable to trigger an event on a click
Border width border width of the rectangle
Border color background color of the rectangle. Directly edit the value or use the color picker
Rotation rotation of the component
Opacity opacity of the component. Affect child components
user data custom field you can use to read/save user data
lock position if checked prevent accidental move of the component

Actions:

Event name Description
onClicked this event is triggered when the user click on this component
onPressed this event is triggered when the user press the mouse/touch on this component
onReleased this event is triggered when the user release the mouse/touch on this component
onHover this event is triggered when the mouse is hover on this component
onOut this event is triggered when the mouse go out of this component

Feedbacks:

setX bind a parameter to set the left position of this component
setY bind a parameter to set the top position of this component
setWidth bind a parameter to set the width of this component
setHeight bind a parameter to set the height of this component
setColor bind a parameter to set the color of this component
setOpacity bind a parameter to set the opacity of this component
setRotation bind a parameter to set the rotation of this component

Need more help with this?
Don’t hesitate to contact us here.

Thanks for your feedback.