Button is the Design Element that is able to receive taps, and trigger event actions at its On Click event.
Tip: If you need to add Event Actions to a Group of Design Elements, you should use Tappable View.
A button can have a different design based on its state.
- Normal State: The normal or default state. The button is enabled but neither selected nor highlighted.
- Highlighted State: This state occurs when the user touches the button.
- Selected State: To set this state, enable the
Selectedproperty or use Code Blocks.
- Disabled State: The button is disabled and cannot be tapped by the user. To set this state to the button, disable the
Enabledproperty or use Code Blocks.
The button’s title at the currently editing state.
The button’s title color at the currently editing state.
The button’s image asset at the currently editing state. It will be displayed next to the title, if there is one. If not, it will be placed in the center of the button.
The button’s background color at the currently editing state.
The font of the button’s title.
Indicates whether the button is in the selected state.
If enabled, the button glows when tapped; otherwise, it does not. The glow does not change the image and button style.
Indicates whether the image changes when the button is disabled.
If enabled, the image is displayed with a lighter color when the button is highlighted.
Indicates whether the control is enabled.
Alpha is a number that alters the transparency of the button. It ranges between 0.0 and 1.0, where 0.0 makes the button totally transparent and 1.0 entirely opaque.
User Interaction Enabled indicates whether the user can tap the button.
If enabled, it hides the button.
Masks to Bounds indicates whether the content of the button will be wrapped around its bounds.
The color of the border.
The width of the border.
The radius of the corners. Tip: Enable Masks to Bounds for the button content to be clipped to the rounded corners.
The color of the shadow.
Tip: You can add opacity/alpha to the Shadow Color in order to add transparency to the shadow.
The blur radius used to render the shadow.
The horizontal offset of the shadow.
The vertical offset of the shadow.
You can use this text to identify the Button in the Code Blocks Editor and in the List of the Screen’s elements. It is not visible to the users.