You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
57 lines
2.8 KiB
57 lines
2.8 KiB
<?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">
|
|
|
|
<VerticalStackLayout Spacing="20">
|
|
|
|
|
|
<CollectionView x:Name="listeBest" ItemsSource="{Binding Bestiaire}" ItemsLayout="VerticalGrid, 4" EmptyView="Aucun résultat trouvé." SelectionMode="Single" SelectionChanged="listeBest_SelectionChanged">
|
|
<CollectionView.Header>
|
|
<Grid ColumnDefinitions="200,*,100,10,100" BackgroundColor="#72a3b3" Padding="10">
|
|
<SearchBar x:Name="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="4">
|
|
<Label Text="Trier" HorizontalTextAlignment="Center" />
|
|
</Frame>
|
|
|
|
</Grid>
|
|
</CollectionView.Header>
|
|
<CollectionView.ItemTemplate>
|
|
<DataTemplate>
|
|
<Grid Padding="20" ColumnSpacing="20" RowSpacing="20">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="25*"/>
|
|
</Grid.ColumnDefinitions>
|
|
<Frame Style="{StaticResource frameObjet}">
|
|
<StackLayout Orientation="Vertical" Padding="5">
|
|
<Image
|
|
Source="{Binding Image}"
|
|
HeightRequest="290"
|
|
WidthRequest="290" />
|
|
|
|
<Label
|
|
HorizontalOptions="Center"
|
|
VerticalOptions="Start"
|
|
HorizontalTextAlignment="Center"
|
|
Text="{Binding Nom}"
|
|
|
|
FontSize="19"
|
|
TextColor="#72a3b3"
|
|
FontAttributes="Bold" />
|
|
|
|
</StackLayout>
|
|
</Frame>
|
|
|
|
</Grid>
|
|
</DataTemplate>
|
|
</CollectionView.ItemTemplate>
|
|
</CollectionView>
|
|
|
|
</VerticalStackLayout>
|
|
</ContentPage> |