Back to Devexpress

Customize Appearance and Animations

maui-404681-dialogs-menu-and-navigation-toolbar-customize-appearance-and-animations.md

latest4.1 KB
Original Source

Customize Appearance and Animations

  • Nov 07, 2023
  • 2 minutes to read

The DXToolbar control includes APIs that allow you to customize appearances and animations of the toolbar, page, and items. This topic lists properties and sections related to appearance and animation customizations.

Toolbar Appearance

The DXToolbar control is a VisualElement descendant and you can use its inherited properties to customize the toolbar appearance. The following table lists DevExpress .NET MAUI specific members that allow you to customize the DXToolbar appearance:

PropertyDescription
ItemSpacingGets or sets the value of the spacing between DXToolbar items. This is a bindable property.
ItemAlignmentGets or sets how to align nested controls within toolbar. This is a bindable property.
BorderColorGets or sets the border color of a DXViewBase descendant. This is a bindable property.
BorderThicknessGets or sets the border thickness of a DXViewBase descendant. This is a bindable property.
CornerRadiusGets or sets the corner radius of a DXViewBase descendant. This is a bindable property.
IsClippedToBoundsGets or sets whether the DXViewBase should clip child controls to its bounds. This is a bindable property.
PaddingGets or sets the amount of space around the DXViewBase descendants. This is a bindable property.

Toolbar Animations

DXToolbar includes animation when you switch between ToolbarPages. You can use AnimationDuration and AnimationEasing properties to customize this animation.

ToolbarPage Appearance

Set the ShowBackButton property to false to hide the page’s back button.

Item Appearance

The list below includes the appearance customization section of items:

Item Animations

The list below includes the animation customization section of items: