.NET MAUI ImageEditor Toolbar

The ImageEditorToolbar for .NET MAUI includes items for editing the image in the ImageEditor, alternatively you could customize the shown editing options according to your needs.

Telerik Maui Ninja image

The Toolbar is part of Telerik UI for .NET MAUI, the most comprehensive UI suite for .NET MAUI! To try it out, sign up for a free 30-day trial and kickstart your cross-platform app development today.

Configuration of the ImageEditorToolbar

RadImageEditorToolbar inherits from the RadToolbar(/devtools/maui/controls/toolbar/overview). All properties for configuration and styling available for the RadToolbar applies to the RadImageEditorToolbar.

The configuration properties are described below

  • Attach the RadImageEditorToolbar to the RadImageEditor control by setting the ImageEditor(of type RadImageEditor)property.
<Grid RowDefinitions="Auto,*">
    <telerik:RadImageEditorToolbar ImageEditor="{x:Reference imageEditor}"/>
    <telerik:RadImageEditor x:Name="imageEditor" Grid.Row="1"/>
</Grid>
  • By default the items in the ImageEditorToolbar are auto-populated. You could change this by setting the RadImageEditorToolbar.AutoGenerateItems(of type bool) to False. The default value is True.

  • By setting the Orientation(enum of typeTelerik.Maui.Controls.ToolbarOrientation) property you can specify rhe orientation of the toolbar. The available options are Horizontal and Vertical. The default value is Horizontal.

  • OptionsPanel(Telerik.Maui.Controls.RadToolbarOptionsPanel)—Specifies the options panel associated with this toolbar.
  • ItemSpacing(double)—Specifies the spacing in pixels between the items in the toolbar. The default value is 8.
  • LineSpacing(double)—Specifies the spacing in pixels between the lines of items in the toolbar. This property has effect when the toolbar is in a multi-line wrap overflow mode. The default value is 8.

Configuration of the Overflow menu

  • OverflowMode(enum of type Telerik.Maui.Controls.ToolbarOverflowMode)— Specifies the overflow mode when the items in the toolbar cannot fit in the available space. The available options are:

    • DropDown(the default mode)—When the toolbar items cannot fit in the available space, they are placed in the overflow drop-down menu.
    • Scroll—When the toolbar items cannot fit in the available space, they are scrolled horizontally or vertically, based on the orienatation of the toolbar.
    • Wrap—When the toolbar items cannot fit in the available space, they are wrapped horizontally or vertically on multiple lines, based on the orientation of the toolbar.
  • OverflowMenuButtonVisibility(enum of type Telerik.Maui.Controls.ToolbarButtonVisibilityMode)—Specifies the visibility mode of the overflow menu button in the toolbar. The available options are:

    • Auto(the default mode)—The button visibility is determined automatically, based on the associated command.
    • Visible(the default mode)—The button is always visible in the toolbar, regardless of the associated command.
    • Hidden(the default mode)—The button is always hidden from the toolbar, regardless of the associated command.
  • OverflowMenuButtonTemplate(ControlTemplate)—Defines the ControlTemplate applied to the overflow menu button in the toolbar.

  • OverflowMenuButtonStyle(Style with target type Telerik.Maui.Controls.OverflowMenuButtonToolbarItemView)—Specifies the style applied to the Overflow menu button.

Configuration of the back navigation button

  • BackNavigationButtonVisibility(enum of type Telerik.Maui.Controls.ToolbarButtonVisibilityMode)—Specifies the visibility mode of the back navigation button in the toolbar. The available options are:

    • Auto(the default mode)—The button visibility is determined automatically, based on the associated command.
    • Visible(the default mode)—The button is always visible in the toolbar, regardless of the associated command.
    • Hidden(the default mode)—The button is always hidden from the toolbar, regardless of the associated command.
  • BackNavigationButtonTemplate(ControlTemplate)—Defines the ControlTemplate applied to the back navigation button in the toolbar.

  • BackNavigationButtonStyle(Style with target type Telerik.Maui.Controls.BackNavigationButtonToolbarItemView)—Specifies the style applied to the back navigation button.

Configuration for the scroll button, scroll forward and backward buttons

  • ScrollButtonsVisibility(enum of type Telerik.Maui.Controls.ToolbarButtonVisibilityMode)—Specifies the visibility mode of the scroll buttons in the toolbar. The available options are:

    • Auto(the default mode)—The button visibility is determined automatically, based on the associated command.
    • Visible(the default mode)—The button is always visible in the toolbar, regardless of the associated command.
    • Hidden(the default mode)—The button is always hidden from the toolbar, regardless of the associated command.
  • ScrollForwardButtonTemplate(ControlTemplate)—Definess the ControlTemplate applied to the forward scroll button in the toolbar.

  • ScrollForwardButtonStyle(Style with target type Telerik.Maui.Controls.ScrollForwardButtonToolbarItemView)—Definess the style applied to the forward scroll button in the toolbar.
  • ScrollBackwardButtonTemplate(ControlTemplate)—Definess the ControlTemplate applied to the backward dscroll button in the toolbar.
  • ScrollBackwardButtonStyle(Style with target type Telerik.Maui.Controls.ScrollBackwardButtonToolbarItemView)—Definess the style applied to the backward scroll button in the toolbar.

See Also

In this article
Not finding the help you need?