View - Group
The View is the simplest Design Element, and it is mostly used to Group elements. View properties can be found in every other design element.
View
Alpha
Alpha is a number that alters the transparency of the View. The value ranges between 0.0 and 1.0, where 0.0 makes the View totally transparent and 1.0 totally opaque.
Tip: Transparent views do not receive touches.
Default value: 1.0
Background Color
View’s background color.
User Interaction Enabled
User Interaction Enabled indicates whether the View can receive touches from the user.
Hidden
If enabled, it hides the View and all of the design elements inside of it.
Masks to Bounds
When enabled, applies a mask to all subviews, so the parts of the subviews that are out of the View’s bounds are not clipped.
Default Value: true for Groups
Border
Border Color
The color of the border. Tip: Border width needs to be greater than 0 for the border to appear.
Border Width
The width of the border.
Default value: 0
Corner radius
Changes the radius of the View’s corners. To make a circle, you will need to create a square view and then set the Corner Radius equal to width/2.
Tip: Need to enable Masks to Bounds for the content to be clipped to the rounded corners.
Default value: 0
Shadow
Shadow Color
The color of the shadow.
Tip: You can add opacity/alpha to the Shadow Color in order to add transparency to the shadow.
Shadow Blur
The blur radius used to render the shadow.
Shadow X Offset
The horizontal offset of the shadow.
Shadow Y Offset
The vertical offset of the shadow.
Code
Display Name
You can use this text to identify the View in the Code Blocks Editor and in the List of the Screen’s elements. It is not visible to the users.
Visible In Code
It makes the View visible in the Code Blocks Editor in order to connect it to other Code Blocks.