.NET MAUI BadgeView Animation
The BadgeView allows you to display the Badge indicator with an animation flow.
The following properties are related to the Badge animation feature:
BadgeAnimationType
(enum of typeTelerik.Maui.Controls.Compatibility.Primitives.BadgeAnimationType
)—Specifies the type of the animation applied to the BadgeView. You can choose between two options:None
andScale
. The defaultBadgeAnimationType
isScale
.BadgeAnimationDuration
(int
)—Specifies the duration for the Badge animation in milliseconds. The default value is300
.BadgeAnimationEasing
(Microsoft.Maui.Easing
)—Specifies the easing of the badge animation. The default value isSinInOut
.BadgeStartAnimationCommand
(System.Windows.Input.ICommand
)—Gets the command that starts the Badge animation.
this.badgeView.BadgeStartAnimationCommand.Execute(null);
Example
The following example demonstrates how to set the Animation
properties to the BadgeView:
<telerik:RadBadgeView x:Name="badgeView"
BadgeAnimationDuration="900"
VerticalOptions="Center"
HorizontalOptions="Center"
BadgeType="Available">
<telerik:RadBadgeView.Content>
<Image WidthRequest="60"
HeightRequest="60"
VerticalOptions="Center"
HorizontalOptions="Center"
Source="avatar.png"/>
</telerik:RadBadgeView.Content>
</telerik:RadBadgeView>
For the Badge Animation example, go to the SDKBrowser Demo Application and navigate to BadgeView -> Features category.