menu

MAUI

  • User Guide
  • Demos
  • Support
  • Forums
  • Download
Class SfOverlayToolbar - MAUI API Reference | Syncfusion

    Show / Hide Table of Contents

    Class SfOverlayToolbar

    Represents the SfOverlayToolbar that holds the overlay toolbar layout and it's settings.

    Inheritance
    System.Object
    SfView
    SfToolbar
    SfOverlayToolbar
    Implements
    IDrawableLayout
    Microsoft.Maui.Graphics.IDrawable
    Microsoft.Maui.IAbsoluteLayout
    Microsoft.Maui.ILayout
    Microsoft.Maui.IView
    Microsoft.Maui.IElement
    Microsoft.Maui.ITransform
    Microsoft.Maui.IContainer
    System.Collections.Generic.IList<Microsoft.Maui.IView>
    System.Collections.Generic.ICollection<Microsoft.Maui.IView>
    System.Collections.Generic.IEnumerable<Microsoft.Maui.IView>
    System.Collections.IEnumerable
    Microsoft.Maui.ISafeAreaView
    Microsoft.Maui.IPadding
    Microsoft.Maui.ICrossPlatformLayout
    Microsoft.Maui.IVisualTreeElement
    Inherited Members
    SfToolbar.ArrangeContent(Rect)
    SfToolbar.BackwardButtonBackground
    SfToolbar.BackwardButtonBackgroundProperty
    SfToolbar.BackwardButtonIconColor
    SfToolbar.BackwardButtonIconColorProperty
    SfToolbar.ClearSelection()
    SfToolbar.ForwardButtonBackground
    SfToolbar.ForwardButtonBackgroundProperty
    SfToolbar.ForwardButtonIconColor
    SfToolbar.ForwardButtonIconColorProperty
    SfToolbar.ItemLongPressed
    SfToolbar.ItemLongPressedCommand
    SfToolbar.ItemLongPressedCommandProperty
    SfToolbar.Items
    SfToolbar.ItemSpacing
    SfToolbar.ItemSpacingProperty
    SfToolbar.ItemsProperty
    SfToolbar.ItemTouchInteraction
    SfToolbar.ItemTouchInteractionCommand
    SfToolbar.ItemTouchInteractionCommandProperty
    SfToolbar.MeasureContent(Double, Double)
    SfToolbar.MoreButtonBackground
    SfToolbar.MoreButtonBackgroundProperty
    SfToolbar.MoreButtonIconColor
    SfToolbar.MoreButtonIconColorProperty
    SfToolbar.MoreButtonTapped
    SfToolbar.MoreButtonTappedCommand
    SfToolbar.MoreButtonTappedCommandProperty
    SfToolbar.MoreItemsChanged
    SfToolbar.MoreItemsChangedCommand
    SfToolbar.MoreItemsChangedCommandProperty
    SfToolbar.MoreItemsRelativePosition
    SfToolbar.MoreItemsRelativePositionProperty
    SfToolbar.Orientation
    SfToolbar.OrientationProperty
    SfToolbar.OverflowMode
    SfToolbar.OverflowModeProperty
    SfToolbar.Tapped
    SfToolbar.TappedCommand
    SfToolbar.TappedCommandProperty
    SfToolbar.ToolTipSettings
    SfToolbar.ToolTipSettingsProperty
    SfView.ArrangeOverride(Rect)
    SfView.Children
    SfView.ClipToBounds
    SfView.GetSemanticsNodesCore(Double, Double)
    SfView.IDrawableLayout.DrawingOrder
    SfView.IDrawableLayout.InvalidateDrawable()
    SfView.MeasureOverride(Double, Double)
    SfView.OnBindingContextChanged()
    SfView.Padding
    Namespace: Syncfusion.Maui.Toolbar
    Assembly: Syncfusion.Maui.Toolbar.dll
    Syntax
    public class SfOverlayToolbar : SfToolbar, IDrawableLayout, IDrawable, IAbsoluteLayout, ILayout, IView, IElement, ITransform, IContainer, IList<IView>, ICollection<IView>, IEnumerable<IView>, IEnumerable, ISafeAreaView, IPadding, ICrossPlatformLayout, IVisualTreeElement, ISemanticsProvider, IToolbar, IParentThemeElement, IThemeElement

    Constructors

    SfOverlayToolbar()

    Initializes a new instance of the SfOverlayToolbar class.

    Declaration
    public SfOverlayToolbar()

    Fields

    BackIconColorProperty

    Identifies the BackIconColor bindable property.

    Declaration
    public static readonly BindableProperty BackIconColorProperty
    Field Value
    Type Description
    Microsoft.Maui.Controls.BindableProperty

    Gets or sets the color of the forward icon.

    Properties

    BackIconColor

    Gets or sets the value to customize back icon color.

    Declaration
    public Color BackIconColor { get; set; }
    Property Value
    Type
    Microsoft.Maui.Graphics.Color
    Examples

    the following code demonstrates how to set the backIcon color for overlayToolbar.

    • XAML
    • C#
    <VerticalStackLayout x:Name="MyLayout">
        <toolbar:SfToolbar x:Name="Toolbar" Tapped="OnToolbarTapped"
                    HeightRequest="56"
                    WidthRequest="200"
                    Orientation="Horizontal">
            <toolbar:SfToolbar.Items>
                <toolbar:SfToolbarItem Name="ToolbarItem1" Text="Zoom-in">
                    <toolbar:SfToolbarItem.Icon>
                        <FontImageSource Glyph="&#xE713;" FontFamily="MaterialAssets"/>
                    </toolbar:SfToolbarItem.Icon>
                    <toolbar:SfToolbarItem.OverlayToolbar>
                        <toolbar:SfOverlayToolbar x:Name="OverlayToolbar" HeightRequest="56" WidthRequest="200" BackIconColor="Red">
                            <toolbar:SfOverlayToolbar.Items>
                                <toolbar:SfToolbarItem Name="ToolbarItem4" Text="Settings">
                                    <toolbar:SfToolbarItem.Icon>
                                        <FontImageSource Glyph="&#xE716;" FontFamily="MaterialAssets"/>
                                    </toolbar:SfToolbarItem.Icon>
                                </toolbar:SfToolbarItem>
                                <toolbar:SfToolbarItem Name="ToolbarItem5" Text="Message">
                                    <toolbar:SfToolbarItem.Icon>
                                        <FontImageSource Glyph="&#xE717;" FontFamily="MaterialAssets"/>
                                    </toolbar:SfToolbarItem.Icon>
                                </toolbar:SfToolbarItem>
                            </toolbar:SfOverlayToolbar.Items>
                        </toolbar:SfOverlayToolbar>
                    </toolbar:SfToolbarItem.OverlayToolbar>
                </toolbar:SfToolbarItem>
                <toolbar:SfToolbarItem Name="ToolbarItem2" Text="Zoom-out">
                    <toolbar:SfToolbarItem.Icon>
                        <FontImageSource Glyph="&#xE714;" FontFamily="MaterialAssets"/>
                    </toolbar:SfToolbarItem.Icon>
                </toolbar:SfToolbarItem>
                <toolbar:SfToolbarItem Name="ToolbarItem3" Text="Search">
                    <toolbar:SfToolbarItem.Icon>
                        <FontImageSource Glyph="&#xE715;" FontFamily="MaterialAssets"/>
                    </toolbar:SfToolbarItem.Icon>
                </toolbar:SfToolbarItem>
            </toolbar:SfToolbar.Items>
        </toolbar:SfToolbar>
    </VerticalStackLayout>
    private void OnToolbarTapped(object sender, ToolbarTappedEventArgs e)
    {
        var overLayToolbar = e.NewToolbarItem?.OverlayToolbar;
        if (overLayToolbar != null)
        {
            if (this.MyLayout.Children.Contains(overLayToolbar))
            {
                this.MyLayout.Children.Remove(overLayToolbar);
            }
            else
            {
                this.MyLayout.Children.Add(overLayToolbar);
            }
        }
    }

    Methods

    OnDraw(ICanvas, RectF)

    Declaration
    protected override void OnDraw(ICanvas canvas, RectF dirtyRect)
    Parameters
    Type Name Description
    Microsoft.Maui.Graphics.ICanvas canvas
    Microsoft.Maui.Graphics.RectF dirtyRect
    Overrides
    SfToolbar.OnDraw(ICanvas, RectF)

    OnHandlerChanged()

    Invokes on handler changed.

    Declaration
    protected override void OnHandlerChanged()
    Overrides
    SfToolbar.OnHandlerChanged()

    Implements

    IDrawableLayout
    Microsoft.Maui.Graphics.IDrawable
    Microsoft.Maui.IAbsoluteLayout
    Microsoft.Maui.ILayout
    Microsoft.Maui.IView
    Microsoft.Maui.IElement
    Microsoft.Maui.ITransform
    Microsoft.Maui.IContainer
    System.Collections.Generic.IList<>
    System.Collections.Generic.ICollection<>
    System.Collections.Generic.IEnumerable<>
    System.Collections.IEnumerable
    Microsoft.Maui.ISafeAreaView
    Microsoft.Maui.IPadding
    Microsoft.Maui.ICrossPlatformLayout
    Microsoft.Maui.IVisualTreeElement
    Back to top Generated by DocFX
    Copyright © 2001 - 2025 Syncfusion Inc. All Rights Reserved