Page info FDD et page bestiaire

devGuillaume
Yoan 2 years ago
parent afbbd9bc93
commit b0f0b4bc34

@ -13,13 +13,19 @@ namespace Model
public string Origine { get; set; }
public string Description { get; set; }
public string Caracteristique { get; set; }
public string? Image { get; set; }
public Bestiaire(string nom, string origine, string description, string caracteristique)
public Bestiaire(string nom, string origine, string description, string caracteristique)
{
Nom = nom;
Nom = nom;
Origine = origine;
Description = description;
Caracteristique = caracteristique;
}
public Bestiaire(string nom, string origine, string description, string caracteristique,string image) : this(nom,origine,description,caracteristique)
{
Image = image;
}
}
}

@ -0,0 +1,25 @@
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
namespace Model.Stub
{
public static class StubBestiaire
{
public static IEnumerable<Bestiaire> RecupererBestiaire()
{
List<Bestiaire> best = new List<Bestiaire>()
{
new Bestiaire("Humains", "??", "Les humains sont ...","Ils possèdent les caractéristiques suivantes ...","humain.png"),
new Bestiaire("Géants", "Elbaf", "Les géants sont ...","Ils possèdent les caractéristiques suivantes ...","geant.png"),
new Bestiaire("Hommes poissons", "Îles des hommes poissons", "Les hommes poissons sont ...","Ils possèdent les caractéristiques suivantes ...","hpoisson.png"),
new Bestiaire("Lunariens", "Redline", "Les lunariens sont ...","Ils possèdent les caractéristiques suivantes ...","lunarien.png"),
new Bestiaire("Minks", "Zo", "Les minks sont ...","Ils possèdent les caractéristiques suivantes ...","minks.png"),
};
return best;
}
}
}

@ -13,8 +13,8 @@
<ShellContent
ContentTemplate="{DataTemplate local:PageEquipage}"
Route="PageEquipage" />
ContentTemplate="{DataTemplate local:PageInfoFdd}"
Route="PageInfoFdd" />
</Shell>

@ -17,12 +17,12 @@
</Grid.ColumnDefinitions>
<VerticalStackLayout BackgroundColor="#72a3b3" Grid.Row="0" Grid.Column="0" Spacing="10">
<Image Source="ohara2.png" HeightRequest="300" HorizontalOptions="Center" >
<Image Source="ohara2.png" HeightRequest="200" HorizontalOptions="Center">
<Image.Clip>
<EllipseGeometry Center="150,90" RadiusX="80" RadiusY="80"/>
</Image.Clip>
</Image>
<Button Style="{StaticResource buttonMenu2}" Text="Accueil"/>
<Button Style="{StaticResource buttonMenu}" Text="Carte"/>

@ -15,7 +15,7 @@
</Grid.ColumnDefinitions>
<VerticalStackLayout BackgroundColor="#72a3b3" Grid.Row="0" Grid.Column="0" Spacing="10">
<Image Source="ohara2.png" HeightRequest="300" HorizontalOptions="Center" >
<Image Source="ohara2.png" HeightRequest="200" HorizontalOptions="Center">
<Image.Clip>
<EllipseGeometry Center="150,90" RadiusX="80" RadiusY="80"/>
</Image.Clip>

@ -15,7 +15,7 @@
</Grid.ColumnDefinitions>
<VerticalStackLayout BackgroundColor="#72a3b3" Grid.Row="0" Grid.Column="0" Spacing="10">
<Image Source="ohara2.png" HeightRequest="300" HorizontalOptions="Center" >
<Image Source="ohara2.png" HeightRequest="200" HorizontalOptions="Center">
<Image.Clip>
<EllipseGeometry Center="150,90" RadiusX="80" RadiusY="80"/>
</Image.Clip>

@ -57,6 +57,12 @@
</ItemGroup>
<ItemGroup>
<Compile Update="PageInfoFdd.xaml.cs">
<DependentUpon>PageInfoFdd.xaml</DependentUpon>
</Compile>
<Compile Update="PageBestiaire.xaml.cs">
<DependentUpon>PageBestiaire.xaml</DependentUpon>
</Compile>
<Compile Update="PageEquipage.xaml.cs">
<DependentUpon>PageEquipage.xaml</DependentUpon>
</Compile>
@ -72,6 +78,12 @@
<MauiXaml Update="NewPage2.xaml">
<Generator>MSBuild:Compile</Generator>
</MauiXaml>
<MauiXaml Update="PageInfoFdd.xaml">
<Generator>MSBuild:Compile</Generator>
</MauiXaml>
<MauiXaml Update="PageBestiaire.xaml">
<Generator>MSBuild:Compile</Generator>
</MauiXaml>
<MauiXaml Update="PageFDD.xaml">
<Generator>MSBuild:Compile</Generator>
</MauiXaml>

@ -0,0 +1,85 @@
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="Ohara.PageBestiaire"
Title="PageBestiaire"
BackgroundColor="#e2edf1">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="2*" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="300" />
<ColumnDefinition Width="90*" />
</Grid.ColumnDefinitions>
<VerticalStackLayout BackgroundColor="#72a3b3" Grid.Row="0" Grid.Column="0" Spacing="10">
<Image Source="ohara2.png" HeightRequest="200" HorizontalOptions="Center">
<Image.Clip>
<EllipseGeometry Center="150,90" RadiusX="80" RadiusY="80"/>
</Image.Clip>
</Image>
<Button Style="{StaticResource buttonMenu}" Text="Accueil" Clicked="Hyperlink_Acceuil"/>
<Button Style="{StaticResource buttonMenu}" Text="Carte"/>
<Button Style="{StaticResource buttonMenu}" Text="Personnages"/>
<Button Style="{StaticResource buttonMenu}" Text="Fruits du démon" Clicked="Hyperlink_FDD"/>
<Button Style="{StaticResource buttonMenu}" Text="Bateaux"/>
<Button Style="{StaticResource buttonMenu}" Text="Îles"/>
<Button Style="{StaticResource buttonMenu2}" Text="Bestiaire"/>
<Button Style="{StaticResource buttonMenu}" Text="Équipages" Clicked="Hyperlink_Equip"/>
</VerticalStackLayout>
<VerticalStackLayout Grid.Row="0" Grid.Column="1" Spacing="40">
<Grid BackgroundColor="#72a3b3" Padding="10" ColumnSpacing="50" >
<Grid.RowDefinitions>
<RowDefinition Height="10*"/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions >
<ColumnDefinition Width="20*"/>
<ColumnDefinition Width="25*"/>
<ColumnDefinition Width="10*"/>
<ColumnDefinition Width="10*"/>
</Grid.ColumnDefinitions>
<SearchBar Placeholder="Rechercher..." BackgroundColor="#bfe5ef" Grid.Column="0"/>
<Frame CornerRadius="20" BackgroundColor="#bfe5ef" BorderColor="#bfe5ef" Grid.Column="2">
<Label Text="Filtrer" HorizontalTextAlignment="Center" />
</Frame>
<Frame CornerRadius="20" BackgroundColor="#bfe5ef" BorderColor="#bfe5ef" Grid.Column="3">
<Label Text="Trier" HorizontalTextAlignment="Center" />
</Frame>
</Grid>
<CollectionView x:Name="listeBest" ItemsUpdatingScrollMode="KeepScrollOffset" VerticalScrollBarVisibility="Always" ItemsLayout="VerticalGrid, 4">
<CollectionView.ItemTemplate>
<DataTemplate>
<Grid Padding="10" ColumnSpacing="10" RowSpacing="50">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="25*"/>
</Grid.ColumnDefinitions>
<Image
Source="{Binding Image}"
HeightRequest="270"
WidthRequest="270"
/>
<Label
VerticalOptions="End"
HorizontalOptions="Center"
HorizontalTextAlignment="Center"
Padding="5"
Margin="10"
Text="{Binding Nom}"
BackgroundColor="#72a3b3"
FontAttributes="Bold" />
</Grid>
</DataTemplate>
</CollectionView.ItemTemplate>
</CollectionView>
</VerticalStackLayout>
</Grid>
</ContentPage>

@ -0,0 +1,32 @@
using Model.Stub;
using Model;
namespace Ohara;
public partial class PageBestiaire : ContentPage
{
public PageBestiaire()
{
InitializeComponent();
List<Bestiaire> Lbest = StubBestiaire.RecupererBestiaire().ToList();
listeBest.ItemsSource = Lbest;
}
private async void Hyperlink_FDD(object sender, EventArgs e)
{
await Navigation.PushAsync(new PageFDD());
}
private async void Hyperlink_Acceuil(object sender, EventArgs e)
{
await Navigation.PushAsync(new MainPage());
}
private async void Hyperlink_Equip(object sender, EventArgs e)
{
await Navigation.PushAsync(new PageEquipage());
}
}

@ -12,23 +12,26 @@
<ColumnDefinition Width="300" />
<ColumnDefinition Width="90*" />
</Grid.ColumnDefinitions>
<VerticalStackLayout BackgroundColor="#72a3b3" Grid.Row="0" Grid.Column="0" Spacing="10">
<Image Source="ohara2.png" HeightRequest="300" HorizontalOptions="Center" >
<Image.Clip>
<EllipseGeometry Center="150,90" RadiusX="80" RadiusY="80"/>
</Image.Clip>
</Image>
<Button Style="{StaticResource buttonMenu}" Text="Accueil" Clicked="Hyperlink_Acceuil"/>
<Button Style="{StaticResource buttonMenu}" Text="Carte"/>
<Button Style="{StaticResource buttonMenu}" Text="Personnages"/>
<Button Style="{StaticResource buttonMenu}" Text="Fruits du démon" Clicked="Hyperlink_FDD"/>
<Button Style="{StaticResource buttonMenu}" Text="Bateaux"/>
<Button Style="{StaticResource buttonMenu}" Text="Îles"/>
<Button Style="{StaticResource buttonMenu}" Text="Bestiaire"/>
<Button Style="{StaticResource buttonMenu2}" Text="Équipages"/>
<VerticalStackLayout BackgroundColor="#72a3b3" Grid.Row="0" Grid.Column="0" >
<Label Text="Ohara" HorizontalTextAlignment="Center" Margin="19.5" FontSize="30" FontAttributes="Bold"/>
<VerticalStackLayout Spacing="10">
<Image Source="ohara2.png" HeightRequest="200" HorizontalOptions="Center">
<Image.Clip>
<EllipseGeometry Center="150,90" RadiusX="80" RadiusY="80"/>
</Image.Clip>
</Image>
<Button Style="{StaticResource buttonMenu}" Text="Accueil" Clicked="Hyperlink_Acceuil"/>
<Button Style="{StaticResource buttonMenu}" Text="Carte"/>
<Button Style="{StaticResource buttonMenu}" Text="Personnages"/>
<Button Style="{StaticResource buttonMenu}" Text="Fruits du démon" Clicked="Hyperlink_FDD"/>
<Button Style="{StaticResource buttonMenu}" Text="Bateaux"/>
<Button Style="{StaticResource buttonMenu}" Text="Îles"/>
<Button Style="{StaticResource buttonMenu}" Text="Bestiaire"/>
<Button Style="{StaticResource buttonMenu2}" Text="Équipages"/>
</VerticalStackLayout>
</VerticalStackLayout>
<VerticalStackLayout Grid.Row="0" Grid.Column="1" Spacing="40">
<Grid BackgroundColor="#72a3b3" Padding="10" ColumnSpacing="50" >
@ -54,7 +57,7 @@
<CollectionView x:Name="listeEquip" ItemsUpdatingScrollMode="KeepScrollOffset" VerticalScrollBarVisibility="Always" ItemsLayout="VerticalGrid, 4">
<CollectionView.ItemTemplate>
<DataTemplate>
<Grid Padding="10" ColumnSpacing="10" RowSpacing="20">
<Grid Padding="10" ColumnSpacing="10" RowSpacing="50">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="25*"/>
</Grid.ColumnDefinitions>

@ -17,7 +17,7 @@
</Grid.ColumnDefinitions>
<VerticalStackLayout BackgroundColor="#72a3b3" Grid.Row="0" Grid.Column="0" Spacing="10">
<Image Source="ohara2.png" HeightRequest="300" HorizontalOptions="Center" >
<Image Source="ohara2.png" HeightRequest="200" HorizontalOptions="Center">
<Image.Clip>
<EllipseGeometry Center="150,90" RadiusX="80" RadiusY="80"/>
</Image.Clip>
@ -44,7 +44,8 @@
<ColumnDefinition Width="10*"/>
<ColumnDefinition Width="10*"/>
</Grid.ColumnDefinitions>
<SearchBar Placeholder="Rechercher..." BackgroundColor="#bfe5ef" Grid.Column="0"/>
<SearchBar Placeholder="Rechercher..." BackgroundColor="#bfe5ef" Grid.Column="0" x:Name="searchBar" />
<Frame CornerRadius="20" BackgroundColor="#bfe5ef" BorderColor="#bfe5ef" Grid.Column="2">
<Label Text="Filtrer" HorizontalTextAlignment="Center" />
</Frame>
@ -57,7 +58,7 @@
<CollectionView x:Name="listeFDD" ItemsUpdatingScrollMode="KeepScrollOffset" VerticalScrollBarVisibility="Always" ItemsLayout="VerticalGrid, 4">
<CollectionView.ItemTemplate>
<DataTemplate>
<Grid Padding="10" ColumnSpacing="10" RowSpacing="20">
<Grid Padding="10" ColumnSpacing="10" RowSpacing="80">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="25*"/>
</Grid.ColumnDefinitions>

@ -0,0 +1,116 @@
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="Ohara.PageInfoFdd"
Title="PageInfoFdd"
BackgroundColor="#e2edf1">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="2*" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="300" />
<ColumnDefinition Width="90*" />
</Grid.ColumnDefinitions>
<VerticalStackLayout BackgroundColor="#72a3b3" Grid.Row="0" Grid.Column="0" Spacing="10">
<Image Source="ohara2.png" HeightRequest="200" HorizontalOptions="Center">
<Image.Clip>
<EllipseGeometry Center="150,90" RadiusX="80" RadiusY="80"/>
</Image.Clip>
</Image>
<Button Style="{StaticResource buttonMenu}" Text="Accueil" />
<Button Style="{StaticResource buttonMenu}" Text="Carte"/>
<Button Style="{StaticResource buttonMenu}" Text="Personnages"/>
<Button Style="{StaticResource buttonMenu2}" Text="Fruits du démon"/>
<Button Style="{StaticResource buttonMenu}" Text="Bateaux"/>
<Button Style="{StaticResource buttonMenu}" Text="Îles"/>
<Button Style="{StaticResource buttonMenu}" Text="Bestiaire"/>
<Button Style="{StaticResource buttonMenu}" Text="Équipages"/>
</VerticalStackLayout>
<VerticalStackLayout Grid.Row="0" Grid.Column="1" Spacing="40">
<CollectionView x:Name="listObj" >
<CollectionView.ItemTemplate>
<DataTemplate>
<VerticalStackLayout Spacing="10" Padding="20" >
<Grid ColumnSpacing="45" Padding="30">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="30*"/>
<ColumnDefinition Width="30*"/>
</Grid.ColumnDefinitions>
<VerticalStackLayout Grid.Column="0" Spacing="2" Padding="5">
<Frame BorderColor="#72a3b3" BackgroundColor="#e2edf1">
<Label Text="Sommaire :" Style="{StaticResource titreInfo}" />
</Frame>
<Frame BorderColor="#72a3b3" BackgroundColor="#e2edf1">
<Label Text="1 Description" TextColor="#72a3b3"/>
</Frame>
<Frame BorderColor="#72a3b3" BackgroundColor="#e2edf1">
<Label Text="2 Force/Faiblesses" TextColor="#72a3b3"/>
</Frame>
<Frame BorderColor="#72a3b3" BackgroundColor="#e2edf1">
<Label Text="3 Utilisateurs" TextColor="#72a3b3"/>
</Frame>
</VerticalStackLayout>
<VerticalStackLayout Grid.Column="1" Spacing="2" Padding="5">
<Frame BorderColor="#72a3b3" BackgroundColor="#e2edf1">
<Label Text="{Binding Nom}" HorizontalOptions="Center" Style="{StaticResource titreInfo}" />
</Frame>
<Frame BorderColor="#72a3b3" BackgroundColor="#e2edf1">
<Image
Source="{Binding Image}"
HeightRequest="250"
WidthRequest="250"/>
</Frame>
<Frame BorderColor="#72a3b3" BackgroundColor="#e2edf1">
<HorizontalStackLayout Spacing="5" HorizontalOptions="Center">
<Label Text="Nom romanisé :" TextColor="#72a3b3" FontAttributes="Bold"/>
<Label Text="{Binding NomRomanise}" TextColor="#72a3b3"/>
</HorizontalStackLayout>
</Frame>
<Frame BorderColor="#72a3b3" BackgroundColor="#e2edf1">
<HorizontalStackLayout Spacing="5" HorizontalOptions="Center">
<Label Text="Type :" TextColor="#72a3b3" FontAttributes="Bold"/>
<Label Text="{Binding Type}" TextColor="#72a3b3"/>
</HorizontalStackLayout>
</Frame>
<Frame BorderColor="#72a3b3" BackgroundColor="#e2edf1">
<HorizontalStackLayout Spacing="5" HorizontalOptions="Center">
<Label Text="Premier apparition (chapitre) :" TextColor="#72a3b3" FontAttributes="Bold"/>
<Label Text="{Binding PremierChap}" TextColor="#72a3b3"/>
</HorizontalStackLayout>
</Frame>
<Frame BorderColor="#72a3b3" BackgroundColor="#e2edf1">
<HorizontalStackLayout Spacing="5" HorizontalOptions="Center">
<Label Text="Premier apparition (episode) :" TextColor="#72a3b3" FontAttributes="Bold"/>
<Label Text="{Binding PremierEp}" TextColor="#72a3b3"/>
</HorizontalStackLayout>
</Frame>
</VerticalStackLayout>
</Grid>
<Label Text="Description :" Style="{StaticResource titreInfo}"/>
<Line Stroke="#72a3b3" StrokeThickness="2" X1="0" X2="1500"/>
<Label Text="{Binding Description}" TextColor="#72a3b3"/>
<Label Text="Force / Faiblesses :" Style="{StaticResource titreInfo}"/>
<Line Stroke="#72a3b3" StrokeThickness="2" X1="0" X2="1500"/>
<Label Text="{Binding Forces}" TextColor="#72a3b3"/>
<Label Text="{Binding Faiblesses}" TextColor="#72a3b3"/>
<Label Text="Utilisateurs :" Style="{StaticResource titreInfo}"/>
<Line Stroke="#72a3b3" StrokeThickness="2" X1="0" X2="1500"/>
</VerticalStackLayout>
</DataTemplate>
</CollectionView.ItemTemplate>
</CollectionView>
</VerticalStackLayout>
</Grid>
</ContentPage>

@ -0,0 +1,14 @@
using Model;
using Model.Stub;
namespace Ohara;
public partial class PageInfoFdd : ContentPage
{
public PageInfoFdd()
{
InitializeComponent();
List<FruitDuDemon> fdd = StubFruitDuDemon.RecupererFruit().ToList();
listObj.ItemsSource = fdd;
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 112 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 124 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 269 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 930 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 102 KiB

@ -429,4 +429,10 @@
<Setter Property="WidthRequest" Value="275" />
</Style>
<Style TargetType="Label" x:Key="titreInfo">
<Setter Property="FontFamily" Value="OpenSans"/>
<Setter Property="FontAttributes" Value="Bold" />
<Setter Property="FontSize" Value="20"/>
<Setter Property="TextColor" Value="#72a3b3"/>
</Style>
</ResourceDictionary>

Loading…
Cancel
Save