Add sample to trigger an animation using the AnimateCommand (#1577)

CommunityToolkit · Nov 29, 2023 · f689af3 · f689af3
1 parent 69cb515
commit f689af3
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/samples/CommunityToolkit.Maui.Sample/Pages/Behaviors/AnimationBehaviorPage.xaml b/samples/CommunityToolkit.Maui.Sample/Pages/Behaviors/AnimationBehaviorPage.xaml
@@ -80,13 +80,15 @@
 
         <Frame BackgroundColor="LightGreen" Margin="16,0">
             <Frame.Behaviors>
-                <mct:AnimationBehavior Command="{Binding AnimationCommand}">
+                <mct:AnimationBehavior AnimateCommand="{Binding AnimateFromViewModelCommand}">
                     <mct:AnimationBehavior.AnimationType>
                         <mct:FadeAnimation Opacity="0.2" />
                     </mct:AnimationBehavior.AnimationType>
                 </mct:AnimationBehavior>
             </Frame.Behaviors>
             <Label Text="Click this Frame" HorizontalOptions="Center"/>
         </Frame>
+
+        <Button Text="Animate the frame above" Command="{Binding TriggerAnimationCommand}" />
     </VerticalStackLayout>
 </pages:BasePage>
diff --git a/samples/CommunityToolkit.Maui.Sample/ViewModels/Behaviors/AnimationBehaviorViewModel.cs b/samples/CommunityToolkit.Maui.Sample/ViewModels/Behaviors/AnimationBehaviorViewModel.cs
@@ -8,4 +8,12 @@ public partial class AnimationBehaviorViewModel : BaseViewModel
 {
 	[RelayCommand]
 	Task OnAnimation(CancellationToken token) => Snackbar.Make($"{nameof(AnimationCommand)} is triggered.").Show(token);
+
+	public ICommand? AnimateFromViewModelCommand { get; set; }
+
+	[RelayCommand]
+	void OnTriggerAnimation()
+	{
+		AnimateFromViewModelCommand?.Execute(CancellationToken.None);
+	}
 }