From 88f51002bac07be93b046c119fed50e0fd6c7efb Mon Sep 17 00:00:00 2001
From: marcchevaldonne <marc.chevaldonne@uca.fr>
Date: Fri, 26 Apr 2024 23:44:21 +0200
Subject: [PATCH] :construction: toolbar tuto

---
 .../ex_CustomToolbar/MainPage.xaml            |  51 ++++++++++++++----
 .../ex_CustomToolbar/MainPage.xaml.cs         |   8 +++
 .../ex_CustomToolbar/Platforms/iOS/Info.plist |   2 +
 .../Resources/Images/captions_bubble.png      | Bin 0 -> 531 bytes
 .../Resources/Images/quote_bubble.png         | Bin 0 -> 918 bytes
 5 files changed, 51 insertions(+), 10 deletions(-)
 create mode 100644 ch02_DesigningViews/ex_CustomToolbar/Resources/Images/captions_bubble.png
 create mode 100644 ch02_DesigningViews/ex_CustomToolbar/Resources/Images/quote_bubble.png

diff --git a/ch02_DesigningViews/ex_CustomToolbar/MainPage.xaml b/ch02_DesigningViews/ex_CustomToolbar/MainPage.xaml
index 9ed0cd6..5735a90 100644
--- a/ch02_DesigningViews/ex_CustomToolbar/MainPage.xaml
+++ b/ch02_DesigningViews/ex_CustomToolbar/MainPage.xaml
@@ -4,6 +4,12 @@
              xmlns:toolkit="http://schemas.microsoft.com/dotnet/2022/maui/toolkit"
              x:Class="ex_CustomToolbar.MainPage">
 
+    <ContentPage.Behaviors>
+        <toolkit:StatusBarBehavior
+            StatusBarColor="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource PrimaryDark}}"
+            StatusBarStyle="{AppThemeBinding Light=LightContent, Dark=DarkContent}"  />
+    </ContentPage.Behaviors>
+
     <Shell.TitleView>
         <Grid ColumnDefinitions="Auto, *, Auto, Auto, Auto" HorizontalOptions="Fill">
             <Image Source="vinyl.png" HeightRequest="36"/>
@@ -33,8 +39,9 @@
     </Shell.TitleView>
 
     <AbsoluteLayout>
-        <ScrollView>
-            <VerticalStackLayout
+        <ScrollView AbsoluteLayout.LayoutFlags="All"
+                    AbsoluteLayout.LayoutBounds="0, 0, 1, 1">
+            <VerticalStackLayout 
                 Padding="30,0"
                 Spacing="25">
                 <Image
@@ -62,13 +69,37 @@
                     HorizontalOptions="Fill" />
             </VerticalStackLayout>
         </ScrollView>
-        <VerticalStackLayout AbsoluteLayout.LayoutFlags="PositionProportional"
-                             AbsoluteLayout.LayoutBounds="1, 0, 300, 200"
-                             BackgroundColor="Gray"
-                             x:Name="test"
-                             IsVisible="false">
-            <Label Text="Coucou"/>
-            <Label Text="Hello"/>
-        </VerticalStackLayout>
+        <AbsoluteLayout AbsoluteLayout.LayoutFlags="All"
+                        AbsoluteLayout.LayoutBounds="0, 0, 1, 1"
+                        x:Name="test"
+                        IsVisible="false">
+            <AbsoluteLayout.GestureRecognizers>
+                <TapGestureRecognizer Tapped="BackgroundClicked"/>
+            </AbsoluteLayout.GestureRecognizers>
+            <Frame AbsoluteLayout.LayoutFlags="PositionProportional"
+                    AbsoluteLayout.LayoutBounds="1, 0, 120, 72"
+                    BackgroundColor="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource PrimaryDark}}"
+                    Padding="4">
+                <VerticalStackLayout>
+                    <HorizontalStackLayout MaximumHeightRequest="24" Margin="0, 4">
+                        <ImageButton Source="captions_bubble.png" >
+                            <ImageButton.Behaviors>
+                                <toolkit:IconTintColorBehavior TintColor="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource PrimaryDarkText}}"  />
+                            </ImageButton.Behaviors>
+                        </ImageButton>
+                        <Label Text="Menu 1" VerticalOptions="Center" TextColor="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource PrimaryDarkText}}" />
+                    </HorizontalStackLayout>
+                    
+                    <HorizontalStackLayout MaximumHeightRequest="24" Margin="0, 4">
+                        <ImageButton Source="quote_bubble.png">
+                            <ImageButton.Behaviors>
+                                <toolkit:IconTintColorBehavior TintColor="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource PrimaryDarkText}}"  />
+                            </ImageButton.Behaviors>
+                        </ImageButton>
+                        <Label Text="Menu 2" VerticalOptions="Center" TextColor="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource PrimaryDarkText}}" />
+                    </HorizontalStackLayout>
+                </VerticalStackLayout>
+            </Frame>
+        </AbsoluteLayout>
     </AbsoluteLayout>
 </ContentPage>
diff --git a/ch02_DesigningViews/ex_CustomToolbar/MainPage.xaml.cs b/ch02_DesigningViews/ex_CustomToolbar/MainPage.xaml.cs
index fa66492..1e57fe2 100644
--- a/ch02_DesigningViews/ex_CustomToolbar/MainPage.xaml.cs
+++ b/ch02_DesigningViews/ex_CustomToolbar/MainPage.xaml.cs
@@ -25,5 +25,13 @@ public partial class MainPage : ContentPage
 	{
 		test.IsVisible = !test.IsVisible;
 	}
+
+	private void BackgroundClicked(object sender, TappedEventArgs e)
+	{
+		if(test.IsVisible)
+		{
+			test.IsVisible = false;
+		}
+	}
 }
 
diff --git a/ch02_DesigningViews/ex_CustomToolbar/Platforms/iOS/Info.plist b/ch02_DesigningViews/ex_CustomToolbar/Platforms/iOS/Info.plist
index 358337b..6a304ad 100644
--- a/ch02_DesigningViews/ex_CustomToolbar/Platforms/iOS/Info.plist
+++ b/ch02_DesigningViews/ex_CustomToolbar/Platforms/iOS/Info.plist
@@ -28,5 +28,7 @@
 	</array>
 	<key>XSAppIconAssets</key>
 	<string>Assets.xcassets/appicon.appiconset</string>
+	<key>UIViewControllerBasedStatusBarAppearance</key>
+    <false/>
 </dict>
 </plist>
diff --git a/ch02_DesigningViews/ex_CustomToolbar/Resources/Images/captions_bubble.png b/ch02_DesigningViews/ex_CustomToolbar/Resources/Images/captions_bubble.png
new file mode 100644
index 0000000000000000000000000000000000000000..7c0b4b6e5dc2d567199c5476c8157226d1520fd1
GIT binary patch
literal 531
zcmV+u0_^>XP)<h;3K|Lk000e1NJLTq001oj001Wl1ONa4F^CCw0005nNkl<Zc-rlj
zOD_Xa6vuy}yGksGN9;t{+42EAB5WkKB37tH7la+P@Cb>N5DW464(*~yCB<5U4I2wA
z6bTZPw#kUoX|*%cns#hF&Ohnop8womXU@5EbKy5cB`yvK5k)brC?WQ7QJD?w;57%N
zR$=-xfd|xEVw~V-%e4HQ5L4$G!YkA#c2k;1Axl|MpS(hEj*B&Kp-*lhjOmR%X-J6$
zbcr-Spf^G&1TC(wAPOOUI)Z}FBHD*SM4$eslgA?3Bb0yiUqCl9m?8)D@=5fiWfSU5
z&hnZ;Uu$-?V_+uZo>!9#x{J9qwF1>lYqD_-QIHGzXSQ*N7%`$O0!|__`c#AwV3w$i
zE|dFZmV$Uw&~KtRI;@TodSz75@zKRs=ttwdHm3-n@TgCpp>Uh*bv{wR9SWy<V^dzH
z-2%Ep2pf8%Rg6n&^90v%C4?3ub62bv*65*)W}2wdOm3ptKyCD}PFQC9jsLftW6cMA
zlTt^wi9^m2Wtm>e&J+)6Hy5hl<u9@KOk&SoGaHR`<77Jpod7Q}Y#=AyG+;B|mWd>K
zSv@rN@=Xy(+gOt8v!!Keh+dK3TN>cI(H}a`d#z`PJ{5duboR6s#RPa_l_LIByaQWG
VjmVFSmYx6r002ovPDHLkV1g>9=cE7t

literal 0
HcmV?d00001

diff --git a/ch02_DesigningViews/ex_CustomToolbar/Resources/Images/quote_bubble.png b/ch02_DesigningViews/ex_CustomToolbar/Resources/Images/quote_bubble.png
new file mode 100644
index 0000000000000000000000000000000000000000..24ec5b1e105c05e8569d390f191cc77fd8ae67df
GIT binary patch
literal 918
zcmeAS@N?(olHy`uVBq!ia0vp^x<IVX!2%==J2=aM6id3JuOkD)#(wTUiL5}rLb6AY
zF9SoB8UsT^3j@P1pisjL28L1t28LG&3=CE?7#PG0=Ijcz0ZK3>dAqwX{BQ3+vmeM~
zFY)wsWq-yfBBmwKvUJBup!_^f7sn8f<6EbBdxRv49IxNLGciHzsYzzQ7Q>AkQ7nzR
zN}JfvZgbU*PSv}ma?$CO*j659-Gv#UTXZg@aztHN7SJr<8uY?a`DU}zORK-pXXaXe
zH~oIj`TX`BbKYD3vG~4c-+6&-)z{a0WE{*dpY}G2Sn(!x;zQQGCch)(R_p1mu8Is=
zK09qkQtiau3{Pe#o%Xs}pEqeyZ_8N;o~pYk)pwSs{M=X&7F3>del}P2(ZjDNEx8?<
zz`fdkQi*Pd+~ky%8`(-0>v%49EOEP3!JE)>Of{7&YU7V>3^S#?Et89DO83fb$a0A`
zQ{R#r7Wn7_=dQ}LCj4{ayf2*>5&k0bxA@413_mWFOpOUM9G72D+v>T(@BN&)#~EKI
zdUAz%NL0-(TIaS;r{vn@TfY}yxX5_(sbxNUS@k*o-*0S%t)y(<&s1SEkQR)dFW39e
zZNK+y=6OahZ)?8X>ba%F*qyz5%Y}0W6BajXZ!tVC`AV|)lhrz>Pp_N)iKaIP%$4(e
z#d(8wYP=%H(yuX>s^4xX4W4eI`*NnxRuOrpNZr>9v)kk+Y+0~cF+u)TPe*86)Q{7X
zyyq(%RkBQ48lkwqp-rHBzMR1UC(nZBvmY1kXR3Dos~67mjWNFIMYzMH%ccu1o7|eS
z$3oLW)AQE?+t7OkYkz5YS_R%Hv=?);;L`cnVz_CI!m=MvKCPNMcOj#(XJJcm4uhM8
z*cYkX>(TcYtG=Ei`K?w~ce0mg<-Pf<uIv8&AfcY~!9nNS?z~m^e2qo^>}}q%VXDb-
z#>p}U4&n^VXWChgBu$jO$8s-P^>WeSk5=zDF8w@J)r>E9Rs5tc?k~Nv)%a@tCv92a
zJau~VojvbZo>?6Ac`6(7YueA8`s11F*<_|3J1ccH|L*l;TDy&x{0Q^C_95|`yjr{7
zl3at+vcSZvTH+c}l9E`GYL#4+3Zxi}42+C)4GeXS3_^^ItPIVq42`u746F<c>I?)n
kqG-s?PsvQHMAu+uWo!n~@L|*Imp}~+p00i_>zopr05zX~hyVZp

literal 0
HcmV?d00001