SimpleButton.Icon Property

Specifies the button icon image.

Namespace: DevExpress.XamarinForms.Editors

Assembly: DevExpress.XamarinForms.Editors.dll

NuGet Package: DevExpress.XamarinForms.Editors

Declaration

public ImageSource Icon { get; set; }

Property Value

Type	Description
ImageSource	The icon image.

Remarks

The SimpleButton‘s icon appears to the left of the button’s caption if an image set to the Icon property. Use the IconVisible property to change the visibility of the icon.

Example

This example shows how to customize button appearance and handle the button click event.

Button State	Default Appearance	Custom Appearance
Default
Pressed
Disabled

1. Add the delete.png icon file to your platform-specific projects:

   • Android
     Add the icon file to the Resources/drawable folder.
   • iOS
     Double-click the Assets.xcassets asset catalog, create a new delete image set, and add the icon image to this image set.

2. Use the following properties to adjust the button’s appearance and handle the Clicked event to clear label1 on button tap:

   XAML

   <dxe:SimpleButton Text = "Clear" 
                     Icon = "delete" 
                     BorderThickness="2"
                     BorderColor="Black"
                     PressedBorderColor="DarkOrange"
                     DisabledBorderColor="DarkGray"
                     TextColor="Black"
                     PressedTextColor="White"
                     DisabledTextColor="DarkGray"
                     IconColor="Black"
                     PressedIconColor="White"
                     DisabledIconColor="DarkGray"
                     BackgroundColor="Beige"
                     DisabledBackgroundColor="Brown"
                     PressedBackgroundColor="Gray"
                     CornerMode = "Round"        
                     CornerRadius="10"
                     Clicked = "SimpleButton_Clicked"/>
   

   C#

   private void SimpleButton_Clicked(object sender, EventArgs e) {
       label1.Text = "";
   }