3.0 preview
Documentation

ImageButton

Inheritance: Element -> NavigableElement -> VisualElement -> View Xamarin.Forms documentation: ImageButton API / Guide

For details on how the control actually works, please refer to the Xamarin.Forms documentation.

Constructors

ConstructorsDescription

ImageButton(aspect: Aspect, light: ImageSource, onClicked: ‘msg, ?dark: ImageSource)

Define a ImageButton widget with an ImageSource depending if light or dark mode

ImageButton(aspect: Aspect, light: string, onClicked: ‘msg, ?dark: string)

Define a ImageButton widget with a path to an image depending if light or dark mode

ImageButton(aspect: Aspect, light: Uri, onClicked: ‘msg, ?dark: Uri)

Define a ImageButton widget with a URI to an image depending if light or dark mode

ImageButton(aspect: Aspect, light: Stream, onClicked: ‘msg, ?dark: Stream)

Define a ImageButton widget with an image Stream depending if light or dark mode

Properties

PropertiesDescription

borderColor(light: FabColor, ?dark: FabColor)

Sets the border color

borderWidth(value: float)

Sets the border width

cornerRadius(value: float)

Sets the corner radius

isLoading(value: bool)

Sets if the image is currently loading

isOpaque(value: bool)

Sets if the image is opaque

isPressed(value: bool)

Sets if the image is currently pressed

padding(value: Thickness)

Sets the padding

padding(value: float)

Sets a uniform padding

padding(left: float, top: float, right: float, bottom: float)

Sets the padding

reference(value: ViewRef<ImageButton>)

Sets a ViewRef instance to retrieve the Xamarin.Forms.ImageButton instance associated to this widget

Events

PropertiesDescription

onPressed(onPressed: ‘msg)

Sets the event handler for the image button pressed event

onReleased(onReleased: ‘msg)

Sets the event handler for the image button released event

Usages

ImageButton(Aspect.AspectFit, "image-light.png", dark = "image-dark.png")
    .borderColor(light = Color.Red.ToFabColor(), dark = Color.Blue.ToFabColor()) 
    .borderWidth(5.) 
    .isLoading(false) 
    .isOpaque(true) 
    .isPressed(false) 
    .padding(Thickness(5., 10., 5., 10.)) 
    .padding(10.) 
    .padding(5., 10., 5., 10.) 
    .onPressed(PressedMsg) 
    .onReleased(ReleasedMsg)
    
ImageButton(Aspect.AspectFit, FileImageSource(...), dark = StreamImageSource(...))

ImageButton(Aspect.AspectFit, Uri("http://..."), dark = Uri("http://..."))

ImageButton(Aspect.AspectFit, MemoryStream(), dark = FileStream())

Get access to the underlying Xamarin.Forms.ImageButton

let imageButtonRef = ViewRef<ImageButton>()

ImageButton(Aspect.AspectFit, light = "image-light.png", dark = "image-dark.png")
    .reference(imageButtonRef)
PreviousFormattedLabelNextImage

Last updated