Image Button

Represents an image button control that reacts to touch events.

Remarks

In most scenarios, we recommend using the standard Button control. It is a bit more flexible in that it can display text, custom images, & icons from the built-in icon libarary. This ImageButton control cannot use icons from the built-in icon library.

What the ImageButton has that the standard Button does not is support for the Image Stretch property. If Stretch is required you should use this control instead of the standard Button.

Properties

PropertyTypeDescription
BackgroundColorThe background color of the control.
BorderColorThe color of the control's border.
BorderThicknessFloatThe width of the control's border.
CornerRadiusIntegerThe radius for the corners of the control's border.
ForegroundColorThe color of the control's content.
ImageImageThe image for the control.
StretchEnumA value that specifies how an Image should be stretched to fill the destination rectangle. Possible values are Fill, Uniform, & UniformToFill.
ButtonTypeEnumThe type of button. Possible values are Normal, Repeat, & Toggle.
IsCheckedBooleanA value that indicates whether the button is checked. This applies only when ButtonType is set to Toggle
IsPressedBooleanA value that indicates whether the button is currently in a pressed state.
RepeatIntervalIntegerThe time, in milliseconds, between repetitions of the click action, as soon as repeating starts. This applies only when ButtonType is set to Repeat.
HeightFloatThe suggested height of the control in dp pixels.
HorizontalAlignmentEnumThe horizontal alignment characteristics that are applied to the control when it is composed in a parent layout panel, such as a Grid.
MarginThicknessThe outer margin that is applied to the control when it is composed in a parent layout panel, such as a Grid.
PaddingThicknessThe amount of space between the content of the control and its border.
RotationIntegerThe rotation about the Z-axis in degrees.
VerticalAlignmentEnumThe vertical alignment characteristics that are applied to the control when it is composed in a parent layout panel, such as a Grid.
WidthFloatThe suggested width of the control in dp pixels.
IsEnabledBooleanA value that indicates whether the user can interact with the control.
IsHitTestVisibleBooleanA value that indicates whether the contained area of the control can return true values for hit testing.
IsVisibleBooleanA value that indicates whether the control should be visible.
OpacityFloatA value between 0 and 1.0 that declares the opacity factor, with 1.0 meaning full opacity and 0 meaning transparent.

Events

EventDescription
LoadedOccurs when the element is laid out, rendered, and ready for interaction.
UnloadedOccurs when the element is no longer rendered on the screen.
ClickedOccurs when the button control is clicked.
PressedOccurs when the button control is pressed.
ReleasedOccurs when the button control is released.
CanceledOccurs when the button control click is canceled.
CheckedOccurs when the button is checked. This applies only when ButtonType is set to Toggle.
UncheckedOccurs when the button is unchecked. This applies only when ButtonType is set to Toggle.