Customize Appearance and Animations
- 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:
| Property | Description |
|---|---|
| ItemSpacing | Gets or sets the value of the spacing between DXToolbar items. This is a bindable property. |
| ItemAlignment | Gets or sets how to align nested controls within toolbar. This is a bindable property. |
| BorderColor | Gets or sets the border color of a DXViewBase descendant. This is a bindable property. |
| BorderThickness | Gets or sets the border thickness of a DXViewBase descendant. This is a bindable property. |
| CornerRadius | Gets or sets the corner radius of a DXViewBase descendant. This is a bindable property. |
| IsClippedToBounds | Gets or sets whether the DXViewBase should clip child controls to its bounds. This is a bindable property. |
| Padding | Gets 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:
- Customize ToolbarButton Appearance
- Customize ToolbarNavigationButton Appearance
- Customize ToolbarToggleButton Appearance
- Customize ToolbarCustomItem Appearance
- Customize ToolbarColorSelector Appearance
- Customize ToolbarText Appearance
- Customize ToolbarSeparator Appearance
Item Animations
The list below includes the animation customization section of items: