🚧 toolbar tuto

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,7 +39,8 @@
     </Shell.TitleView>
 
     <AbsoluteLayout>
-        <ScrollView>
+        <ScrollView AbsoluteLayout.LayoutFlags="All"
+                    AbsoluteLayout.LayoutBounds="0, 0, 1, 1">
             <VerticalStackLayout 
                 Padding="30,0"
                 Spacing="25">
@@ -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>

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;
+		}
+	}
 }
 

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>