Add (Back-End): Effect CollectionSelect

Sources/BookApp/Composants/GroupCollection.xaml

@@ -4,23 +4,7 @@
              xmlns:composants="clr-namespace:BookApp.Composants"
              xmlns:model="clr-namespace:Model;assembly=Model"
              x:Class="BookApp.Composants.GroupCollection">
-    <ContentView.Resources>
-        <Style TargetType="StackLayout">
-            <Setter Property="VisualStateManager.VisualStateGroups">
-                <VisualStateGroupList>
-                    <VisualStateGroup x:Name="CommonStates">
-                        <VisualState x:Name="Normal" />
-                        <VisualState x:Name="Selected">
-                            <VisualState.Setters>
-                                <Setter Property="BackgroundColor"
-                                        Value="Transparent" />
-                            </VisualState.Setters>
-                        </VisualState>
-                    </VisualStateGroup>
-                </VisualStateGroupList>
-            </Setter>
-        </Style>
-    </ContentView.Resources>
+
     <CollectionView ItemsSource="{Binding bookViewModel.AuteurGroups}" IsGrouped="True" SelectionMode="Single"
                     SelectionChangedCommand="{Binding ViewModelNavigation.BookSelected}"
                     SelectedItem="{Binding ViewModelNavigation.SelectedBook}">
@@ -36,7 +20,7 @@
         </CollectionView.GroupHeaderTemplate>
         <CollectionView.ItemTemplate>
             <DataTemplate>
-                <StackLayout>
+                <StackLayout Style="{StaticResource StyleCollectionStack}">
                     <Grid>
                         <Grid.RowDefinitions>
                             <RowDefinition Height="Auto"/>

Sources/BookApp/MainPage.xaml

@@ -67,7 +67,7 @@
 
             <CollectionView.ItemTemplate>
                 <DataTemplate x:DataType="vm:ViewModelMenuItem">
-                    <Grid RowDefinitions="Auto" >
+                    <Grid RowDefinitions="Auto" Style="{StaticResource StyleCollectionGrid}">
                         <Grid.ColumnDefinitions>
                             <ColumnDefinition Width="25"/>
                             <ColumnDefinition Width="*"/>
@@ -121,7 +121,7 @@
                         SelectionMode="Single" Margin="25,0,0,0" BackgroundColor="#F9F9F9">
             <CollectionView.ItemTemplate>
                 <DataTemplate x:DataType="vm:ViewModelMenuItem">
-                    <Grid RowDefinitions="Auto" >
+                    <Grid RowDefinitions="Auto" Style="{StaticResource StyleCollectionGrid}">
                         <Grid.ColumnDefinitions>
                             <ColumnDefinition Width="25" />
                             <ColumnDefinition Width="*" />

Sources/BookApp/Resources/Styles/Styles.xaml

@@ -4,7 +4,40 @@
     xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">
 
-     <Style TargetType="ActivityIndicator">
+    <Style x:Key="StyleCollectionStack" TargetType="StackLayout">
+        <Setter Property="VisualStateManager.VisualStateGroups">
+            <VisualStateGroupList>
+                <VisualStateGroup x:Name="CommonStates">
+                    <VisualState x:Name="Normal" />
+                    <VisualState x:Name="Selected">
+                        <VisualState.Setters>
+                            <Setter Property="BackgroundColor"
+                                            Value="Transparent" />
+                        </VisualState.Setters>
+                    </VisualState>
+                </VisualStateGroup>
+            </VisualStateGroupList>
+        </Setter>
+    </Style>
+
+
+    <Style x:Key="StyleCollectionGrid" TargetType="Grid">
+        <Setter Property="VisualStateManager.VisualStateGroups">
+            <VisualStateGroupList>
+                <VisualStateGroup x:Name="CommonStates">
+                    <VisualState x:Name="Normal" />
+                    <VisualState x:Name="Selected">
+                        <VisualState.Setters>
+                            <Setter Property="BackgroundColor"
+                                            Value="Transparent" />
+                        </VisualState.Setters>
+                    </VisualState>
+                </VisualStateGroup>
+            </VisualStateGroupList>
+        </Setter>
+    </Style>
+
+    <Style TargetType="ActivityIndicator">
         <Setter Property="Color" Value="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource White}}" />
     </Style>