From 018c0197bd41141054fa599eea37e693cc1d28fd Mon Sep 17 00:00:00 2001
From: Daniel Monettelli <danielmonetelli@hotmail.com>
Date: Fri, 8 Mar 2024 19:43:45 -0500
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=80=20[Code]=20Updated=20the=20functio?=
 =?UTF-8?q?nalities=20to=20.NET=208=20c4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Mitawi/Views/WelcomePage.xaml    | 13 +++++++++++
 Mitawi/Views/WelcomePage.xaml.cs | 40 ++++++++++++++++++++++++++++++++
 2 files changed, 53 insertions(+)

diff --git a/Mitawi/Views/WelcomePage.xaml b/Mitawi/Views/WelcomePage.xaml
index f9255e9..3258ab0 100644
--- a/Mitawi/Views/WelcomePage.xaml
+++ b/Mitawi/Views/WelcomePage.xaml
@@ -16,43 +16,54 @@
         </Grid.Background>
 
         <Label
+            x:Name="lblPhrase1"
             Grid.Row="1"
             FontFamily="Roboto#500"
             FontSize="28"
             HorizontalTextAlignment="Center"
+            IsVisible="False"
             Text="Discover The"
             TextColor="White" />
 
         <Label
+            x:Name="lblPhrase2"
             Grid.Row="2"
             FontFamily="Roboto#500"
             FontSize="28"
             HorizontalTextAlignment="Center"
+            IsVisible="False"
             Text="Weather In Your City"
             TextColor="White" />
 
         <Image
+            x:Name="imgWeather"
             Grid.Row="3"
             Margin="20,0"
+            IsVisible="False"
             Source="weather.png" />
 
         <Label
+            x:Name="lblPhrase3"
             Grid.Row="4"
             FontFamily="Roboto#400"
             FontSize="16"
             HorizontalTextAlignment="Center"
+            IsVisible="False"
             Text="Get to know your weather maps and"
             TextColor="White" />
 
         <Label
+            x:Name="lblPhrase4"
             Grid.Row="5"
             FontFamily="Roboto#400"
             FontSize="16"
             HorizontalTextAlignment="Center"
+            IsVisible="False"
             Text="radar precipitation forcast"
             TextColor="White" />
 
         <Button
+            x:Name="btnGetStarted"
             Grid.Row="7"
             BackgroundColor="White"
             Command="{Binding NextPageCommand}"
@@ -60,6 +71,8 @@
             FontFamily="Roboto#700"
             FontSize="18"
             HeightRequest="50"
+            IsEnabled="False"
+            IsVisible="False"
             Text="GET STARTED"
             TextColor="{StaticResource col_sec}"
             WidthRequest="255" />
diff --git a/Mitawi/Views/WelcomePage.xaml.cs b/Mitawi/Views/WelcomePage.xaml.cs
index 4a3c9c9..dbbe0a8 100644
--- a/Mitawi/Views/WelcomePage.xaml.cs
+++ b/Mitawi/Views/WelcomePage.xaml.cs
@@ -16,6 +16,46 @@ protected override async void OnAppearing()
         base.OnAppearing();
 
         await CheckAndRequestLocationPermission();
+
+        RunWelcomeAnimation();
+    }
+
+    private void RunWelcomeAnimation()
+    {
+        btnGetStarted.IsEnabled = false;
+
+        lblPhrase1.IsVisible = true;
+        lblPhrase2.IsVisible = true;
+        imgWeather.IsVisible = true;
+        lblPhrase3.IsVisible = true;
+        lblPhrase4.IsVisible = true;
+        btnGetStarted.IsVisible = true;
+
+        lblPhrase1.Opacity = 0;
+        lblPhrase2.Opacity = 0;
+        imgWeather.Opacity = 0;
+        lblPhrase3.Opacity = 0;
+        lblPhrase4.Opacity = 0;
+        btnGetStarted.Opacity = 0;
+
+        new Animation
+        {
+            { 0, 0.2, new Animation(v => lblPhrase1.Opacity = v, 0, 1, Easing.CubicInOut) },
+            { 0.1, 0.3, new Animation(v => lblPhrase2.Opacity = v, 0, 1, Easing.CubicInOut) },
+            { 0.3, 0.5, new Animation(v => imgWeather.Opacity = v, 0, 1, Easing.CubicInOut) },
+            { 0.3, 0.5, new Animation(v => imgWeather.Scale = v, 0, 1, Easing.SpringOut) },
+            { 0.5, 0.7, new Animation(v => lblPhrase3.Opacity = v, 0, 1, Easing.CubicInOut) },
+            { 0.6, 0.8, new Animation(v => lblPhrase4.Opacity = v, 0, 1, Easing.CubicInOut) },
+            { 0.8, 1, new Animation(v=>
+              {
+                  btnGetStarted.Opacity = v;
+                  btnGetStarted.Scale = v;
+              },0,1,Easing.BounceOut,finished: ()=>
+              {
+                  btnGetStarted.IsEnabled = true;
+              })
+            }
+        }.Commit(owner: this, name: "WelcomeAnimation", length: 3500);
     }
 
     private static async Task<PermissionStatus> CheckAndRequestLocationPermission()