Collection d'objet Fruit du démon + affichage

Sources/Model/Stub/StubFruitDuDemon.cs

@@ -12,7 +12,11 @@ namespace Model.Stub
         {
             List<FruitDuDemon> fdd = new List<FruitDuDemon>()
             {
-
+                new FruitDuDemon("Fruit de la fumée", "Moku Moky No Mi", "Logia", 97, 48, "Le fruit est ..", "Forces :", "Faiblesses :","fumer.png"),
+                new FruitDuDemon("Fruit de l'humain modèle Nika", "Nika Nika No Mi", "Zoan Mythique", 1, 1, "Le fruit ...", "Forces :", "Faiblesses :","nika.png"),
+                new FruitDuDemon("Pyro fruit", "Nika Nika No Mi", "Logia", 158, 94, "Le fruit ...", "Forces :", "Faiblesses :","feu.png"),
+                new FruitDuDemon("Fruit des Éclosions", "Hana Hana no Mi", "Paramecia", 1, 1, "Le fruit ...", "Forces :", "Faiblesses :","eclosion.png"),
+                new FruitDuDemon("Fruit du Félin, modèle Léopard", "Neko Neko no Mi", "Zoan Carnivore", 348, 245, "Le fruit ...", "Forces :", "Faiblesses :","leopard.png"),
             };
             return fdd;
         }

Sources/Ohara/MainPage.xaml.cs

@@ -4,8 +4,6 @@ namespace Ohara;
 
 public partial class MainPage : ContentPage
 {
-	int count = 0;
-
 	public MainPage()
 	{
 		InitializeComponent();

Sources/Ohara/NewPage3.xaml

@@ -13,7 +13,7 @@
         </Grid.RowDefinitions>
         <Grid.ColumnDefinitions>
             <ColumnDefinition Width="300" />
-            <ColumnDefinition Width="*" />
+            <ColumnDefinition Width="90*" />
         </Grid.ColumnDefinitions>
         <VerticalStackLayout BackgroundColor="#72a3b3" Grid.Row="0" Grid.Column="0" Spacing="10">
 
@@ -54,32 +54,40 @@
                 </Frame>
             </Grid>
 
+            <CollectionView x:Name="listeFDD" ItemsUpdatingScrollMode="KeepScrollOffset" VerticalScrollBarVisibility="Always" ItemsLayout="VerticalGrid, 4">
+                <CollectionView.ItemTemplate>
+                    <DataTemplate>
+                        <Grid Padding="10" ColumnSpacing="10" RowSpacing="20">
+                            <Grid.ColumnDefinitions>
+                                <ColumnDefinition Width="25*"/>
+                            </Grid.ColumnDefinitions>
+                            <Image
+                                Source="{Binding Image}"
+                                HeightRequest="300"
+                                WidthRequest="300" />
+                            <Label 
+                                VerticalOptions="End"
+                                Margin="20"
+                                HorizontalOptions="Center"
+                                HorizontalTextAlignment="Center"
+                                Padding="10"
+                                Text="{Binding Nom}"
+                                BackgroundColor="#72a3b3"
+                                FontAttributes="Bold" />
+                            <Label 
+                                VerticalOptions="End"
+                                Padding="7"
+                                HorizontalTextAlignment="Center"
+                                HorizontalOptions="Center"
+                                Text="{Binding Type}"
+                                FontAttributes="Italic"
+                                BackgroundColor="#72a3b3"/>
                            
-            <ScrollView BackgroundColor="Red" Orientation="Vertical" VerticalScrollBarVisibility="Always" >
+                        </Grid>
-                <CollectionView x:Name="listFDD" IsGrouped="True">
+                    </DataTemplate>
-                    <CollectionView.ItemTemplate>
+                </CollectionView.ItemTemplate>
+            </CollectionView>
             
-                        <DataTemplate>
-                            <Grid Padding="10">
-
-                                <Image Grid.RowSpan="2"
-                                   Source="{Binding ImageUrl}"
-                                   Aspect="AspectFill"
-                                   HeightRequest="60"
-                                   WidthRequest="60" />
-                                <Label Grid.Column="1"
-                                   Text="{Binding Name}"
-                                   FontAttributes="Bold" />
-                                <Label Grid.Row="1"
-                                   Grid.Column="1"
-                                   Text="{Binding Location}"
-                                   FontAttributes="Italic"
-                                   VerticalOptions="End" />
-                            </Grid>
-                        </DataTemplate>
-                    </CollectionView.ItemTemplate>
-                </CollectionView>
-            </ScrollView>
         </VerticalStackLayout>
     </Grid>
 </ContentPage>

Sources/Ohara/NewPage3.xaml.cs

@@ -14,4 +14,9 @@ public partial class NewPage3 : ContentPage
 
         listeFDD.ItemsSource = fdd;
 	}
+
+    private void listeFDD_ScrollToRequested(object sender, ScrollToRequestEventArgs e)
+    {
+
+    }
 }

Sources/Ohara/Ohara.csproj

@@ -52,6 +52,10 @@
 		<PackageReference Include="Microsoft.Extensions.Logging.Debug" Version="7.0.0" />
 	</ItemGroup>
 
+	<ItemGroup>
+	  <ProjectReference Include="..\Model\Model.csproj" />
+	</ItemGroup>
+
 	<ItemGroup>
 	  <MauiXaml Update="NewPage1.xaml">
 	    <Generator>MSBuild:Compile</Generator>