TopAppBar displays information and actions at the top of a screen.
View Material Design documentation
<material3:MaterialTopAppBar
HeadlineColor="Black"
Headline="Type - CenterAligned"
LeadingIconCommand="{Binding BackCommand}"
Type="CenterAligned">
<material3:MaterialTopAppBar.LeadingIcon>
<ffimageloadingsvg:SvgCachedImage Source="resource://ExampleMaterialDesignControls.Resources.Svg.ic_back_blue.svg" />
</material3:MaterialTopAppBar.LeadingIcon>
</material3:MaterialTopAppBar>
- CenterAligned (Default)
- Small
- Medium
- Large
This property is to set the headline text.
This property is to set the headline text color.
This property is to set the headline text font size.
This property is to set the headline text font family.
This property is to set the headline text margin to adjust it.
This property is to set the description text.
This property is to set the description text color.
This property is to set the description text font size.
This property is to set the description text font family.
This property is to set the description text margin to adjust it.
This property is to set the leading icon with support for PNG, JPG or JPEG.
This property is to set the leading icon with support for view, you can use SVG, font icon, PNG, JPG or JPEG.
This property is to set the trailing icon with support for PNG, JPG or JPEG.
This property is to set the trailing icon with support for view, you can use SVG, font icon, PNG, JPG or JPEG.
This property is to set the sizes to the trailing and leading icons.
This property is to set the leading icon command.
This property is to set the trailing icon command.
This property is to set the animation of the leading and trailing icons.
- None
- Fade (Default)
- Scale
- Custom
This property is to customize the animation of the leading and trailing icons.
This property is to set a custom animation to the leading and trailing icons.
This property is to bind the control to a ScrollView and run an animation when scrolling down.
This property is to show a busy indicator in the trailing icon.
This property is to show a busy indicator in the leading icon.
This property is to set the color of the busy indicators.