Search⌘ K
Home
Courses
Building Cross-Platform Applications with .NET MAUI

Solution: Combining Animation

Explore how to combine animations to run simultaneously and make them reversible in .NET MAUI. Learn to modify animation methods and toggle values to create smooth, interactive UI effects in cross-platform apps.

We'll cover the following...

The completed solution is presented in the code playground below:

<?xml version = "1.0" encoding = "UTF-8" ?>
<Application xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:MauiGraphicsDemo"
             x:Class="MauiGraphicsDemo.App">
    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="Resources/Themes/DarkTheme.xaml" />
                <ResourceDictionary Source="Resources/Styles/Colors.xaml" />
                <ResourceDictionary Source="Resources/Styles/Styles.xaml" />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>
</Application>
Interactive MAUI project with combined animations

Solving the challenge

Below are the descriptions of how each task can be ...