jade.van_brabandt
/
Projet_IHM
1
0
Fork 0
Code Issues 2 Pull Requests Packages Projects 3 Releases Wiki Activity

MainPage et DetailledPage : refactor + utilisation des ressources et styles

Browse Source
Popup_qui_marche_pas
Anthony RICHARD 2 years ago
parent cb605f46ed
commit 751fc9a079
3 changed files with 95 additions and 102 deletions
Show Stats Download Patch File Download Diff File

94
Sources/Stim/DetailledPage.xaml
Unescape View File

@ -4,86 +4,84 @@
xmlns:HeaderView="clr-namespace:Stim" xmlns:HeaderView="clr-namespace:Stim"
x:Class="Stim.DetailledPage" x:Class="Stim.DetailledPage"
Title="Accueil" Title="Accueil"
Background="black"> Background="{StaticResource Secondary}">
<ScrollView> <ScrollView>
<Grid BackgroundColor="#495057"> <Grid>
<Grid.ColumnDefinitions> <Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/> <ColumnDefinition Width="*"/>
<ColumnDefinition Width="5*"/> <ColumnDefinition Width="10*"/>
<ColumnDefinition Width="*"/> <ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions> </Grid.ColumnDefinitions>
<Grid.RowDefinitions> <VerticalStackLayout BackgroundColor="{StaticResource Secondary}" Grid.Column="0"/>
<RowDefinition Height="auto"/> <VerticalStackLayout BackgroundColor="{StaticResource Secondary}" Grid.Column="2"/>
<RowDefinition Height="*"/> <VerticalStackLayout BackgroundColor="{StaticResource Secondary}" Grid.Column="0"/>
</Grid.RowDefinitions> <VerticalStackLayout BackgroundColor="{StaticResource Secondary}" Grid.Column="2"/>
<VerticalStackLayout BackgroundColor="Black" Grid.Column="0"/> <Grid Background="{StaticResource Tertiary}" Grid.Column="1" Margin="5">
<VerticalStackLayout BackgroundColor="Black" Grid.Column="2"/>
<VerticalStackLayout BackgroundColor="Black" Grid.Column="0" Grid.Row="1"/>
<VerticalStackLayout BackgroundColor="Black" Grid.Column="2" Grid.Row="1"/>
<Grid HeightRequest="1000" Grid.Column="1" Grid.Row="1" Margin="0">
<Grid.ColumnDefinitions> <Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/> <ColumnDefinition Width="*"/>
<ColumnDefinition Width="2*"/> <ColumnDefinition Width="auto"/>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="auto"/>
</Grid.ColumnDefinitions> </Grid.ColumnDefinitions>
<Grid.RowDefinitions> <Grid.RowDefinitions>
<RowDefinition Height="2*"/> <RowDefinition Height="auto"/>
<RowDefinition Height="*"/>
<RowDefinition Height="auto"/>
<RowDefinition Height="auto"/>
<RowDefinition Height="auto"/> <RowDefinition Height="auto"/>
</Grid.RowDefinitions> </Grid.RowDefinitions>
<Image Margin="0, 10, 0, 0" Source="{Binding Cover}"/> <Image Grid.RowSpan="4" Margin="5, 0, 0, 0" Source="{Binding Cover}" Aspect="AspectFit"/>
<Label Grid.Column="1" Text="{Binding Name}" FontSize="30"/>
<Label Grid.Column="2" Text="{Binding Year}" HorizontalOptions="Center"/>
<Button Grid.Column="3" Margin="10" Text="Suivre" HorizontalOptions="Center"
VerticalOptions="Center" Background="transparent" CornerRadius="0" BorderWidth="3" BorderColor="{StaticResource Secondary}"/>
<Grid Grid.Column="2" Padding="5"> <ScrollView Grid.Column="1" Grid.ColumnSpan="3" Grid.Row="1">
<Grid.ColumnDefinitions> <Label Text="{Binding Description}"/>
<ColumnDefinition Width="4*"/> </ScrollView>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="2*"/> <Grid Grid.Column="1" Grid.ColumnSpan="3" Grid.Row="2">
</Grid.ColumnDefinitions>
<Grid.RowDefinitions> <Grid.RowDefinitions>
<RowDefinition Height="*"/> <RowDefinition Height="auto"/>
<RowDefinition Height="2*"/> <RowDefinition Height="auto"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions> </Grid.RowDefinitions>
<Label Text="{Binding Name}" TextColor="White" VerticalTextAlignment="Center" FontSize="30"/> <Label Text="Tags :"/>
<Label Grid.Column="1" TextColor="White" VerticalTextAlignment="Center" Text="{Binding Year}"/> <CollectionView Grid.Row="1" ItemsSource="{Binding Tags}">
<Button Grid.Column="3" TextColor="White" Text="suivre" HorizontalOptions="End" <CollectionView.ItemTemplate>
VerticalOptions="Center" Background="transparent" CornerRadius="0" BorderWidth="3" BorderColor="Black"/> <DataTemplate>
<Label Grid.Row="1" Grid.ColumnSpan="4" TextColor="White" Text="{Binding Description}"/> <Label Padding="10,0,0,0" Text="{Binding}"/>
<VerticalStackLayout Grid.Row="2" VerticalOptions="End"> </DataTemplate>
<Label Text="Tags :" TextColor="White"/> </CollectionView.ItemTemplate>
<Label Text=" - Tag 1" TextColor="White"/> </CollectionView>
<Label Text=" - Tag 2" TextColor="White"/> </Grid>
<Label Text=" - Tag 3" TextColor="White"/>
</VerticalStackLayout>
<Label Grid.Row="3" Grid.ColumnSpan="4" VerticalOptions="End" TextDecorations="Underline" TextColor="White" Text="https://idhaklzhdkhazkdhaz.fr&#10;https://ioghzilghieriugo.fr"/> <Label Grid.Column="1" Grid.Row="3" Text="Link:kijazhdkailzhdkhdkazd.fr"/>
<HorizontalStackLayout Grid.Row="3" Grid.Column="2" VerticalOptions="End" HorizontalOptions="End" x:Name="starsContainer"> <HorizontalStackLayout Grid.Column="2" Grid.ColumnSpan="2" Grid.Row="3" x:Name="starsContainer" HorizontalOptions="End">
<Label Padding="5" HorizontalTextAlignment="End" FontAttributes="Bold" FontSize="20" TextColor="White" x:Name="avgLabel"/> <Label Padding="0,5,0,0" FontSize="25" x:Name="avgLabel"/>
</HorizontalStackLayout> </HorizontalStackLayout>
</Grid>
<VerticalStackLayout Padding="10" Grid.Row="1" Grid.ColumnSpan="2"> <VerticalStackLayout Grid.ColumnSpan="4" Grid.Row="4">
<Label Grid.Row="1" Grid.RowSpan="2" Text="Avis de la communauté :" TextColor="White" FontSize="25"/> <Label Text="Avis de la communauté :" FontSize="30"/>
<CollectionView ItemsSource="{Binding Reviews}"> <CollectionView ItemsSource="{Binding Reviews}">
<CollectionView.ItemTemplate> <CollectionView.ItemTemplate>
<DataTemplate> <DataTemplate>
<VerticalStackLayout Margin="20,20,0,0"> <VerticalStackLayout>
<HorizontalStackLayout Grid.Column="1" Padding="0,0,0,5" VerticalOptions="Start" HorizontalOptions="Start" BindingContextChanged="AddStars"> <HorizontalStackLayout BindingContextChanged="AddStars">
<Label Margin="0, 0, 5, 0" FontSize="20" TextColor="White" Text="Avis 1"/> <Label Text="Avis" FontSize="20"/>
</HorizontalStackLayout> </HorizontalStackLayout>
<Label TextColor="White" Text="{Binding Text}"/> <Label Text="{Binding Text}"/>
</VerticalStackLayout> </VerticalStackLayout>
</DataTemplate> </DataTemplate>
</CollectionView.ItemTemplate> </CollectionView.ItemTemplate>
</CollectionView> </CollectionView>
</VerticalStackLayout> </VerticalStackLayout>
</Grid> </Grid>
</Grid> </Grid>
</ScrollView> </ScrollView>
</ContentPage> </ContentPage>

6
Sources/Stim/DetailledPage.xaml.cs
Unescape View File

@ -23,9 +23,9 @@ public partial class DetailledPage : ContentPage
private void AddStars(HorizontalStackLayout container, float rate) private void AddStars(HorizontalStackLayout container, float rate)
{ {
for (int i = 0; i < (int)rate; i++) container.Children.Add(new Image { Source = "etoile_pleine.png", WidthRequest = 25 }); for (int i = 0; i < (int)rate; i++) container.Children.Add(new Image { Source = "etoile_pleine.png", WidthRequest = 30 });
if ((int)rate!=rate) container.Children.Add(new Image { Source = "etoile_mi_pleine.png", WidthRequest = 25 }); if ((int)rate != rate) container.Children.Add(new Image { Source = "etoile_mi_pleine.png", WidthRequest = 30 });
while (container.Children.Count != 6) container.Children.Add(new Image { Source = "etoile_vide.png", WidthRequest = 25 }); while (container.Children.Count != 6) container.Children.Add(new Image { Source = "etoile_vide.png", WidthRequest = 30 });
} }
private async void goToMainPage(object sender, EventArgs e) private async void goToMainPage(object sender, EventArgs e)

39
Sources/Stim/MainPage.xaml
Unescape View File

@ -3,69 +3,64 @@
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="Stim.MainPage" x:Class="Stim.MainPage"
Title="Accueil" Title="Accueil"
Background="black"> Background="{StaticResource Secondary}">
<Grid BackgroundColor="#495057"> <ScrollView>
<Grid BackgroundColor="{StaticResource Tertiary}">
<Grid.ColumnDefinitions> <Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/> <ColumnDefinition Width="*"/>
<ColumnDefinition Width="5*"/> <ColumnDefinition Width="10*"/>
<ColumnDefinition Width="*"/> <ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions> </Grid.ColumnDefinitions>
<Grid.RowDefinitions> <Grid.RowDefinitions>
<RowDefinition Height="*"/> <RowDefinition Height="auto"/>
</Grid.RowDefinitions> </Grid.RowDefinitions>
<VerticalStackLayout BackgroundColor="Black" Grid.Column="0"/> <VerticalStackLayout BackgroundColor="{StaticResource Secondary}" Grid.Column="0"/>
<VerticalStackLayout BackgroundColor="Black" Grid.Column="2"/> <VerticalStackLayout BackgroundColor="{StaticResource Secondary}" Grid.Column="2"/>
<VerticalStackLayout BackgroundColor="Black" Grid.Column="0" Grid.Row="1"/> <VerticalStackLayout BackgroundColor="{StaticResource Secondary}" Grid.Column="0" Grid.Row="1"/>
<VerticalStackLayout BackgroundColor="Black" Grid.Column="2" Grid.Row="1"/> <VerticalStackLayout BackgroundColor="{StaticResource Secondary}" Grid.Column="2" Grid.Row="1"/>
<CollectionView ItemsSource="{Binding Games}" SelectionMode="Single" SelectionChanged="OnClickGameList" ItemsLayout="VerticalGrid, 3" Grid.Column="1"> <CollectionView ItemsSource="{Binding Games}" SelectionMode="Single" SelectionChanged="OnClickGameList" ItemsLayout="VerticalGrid, 3" Grid.Column="1">
<CollectionView.ItemTemplate> <CollectionView.ItemTemplate>
<DataTemplate> <DataTemplate>
<Border MinimumWidthRequest="200" Margin="10, 10, 10, 10"> <Border MinimumWidthRequest="200" Margin="10, 10, 10, 10">
<Grid HeightRequest="1000"> <Grid HeightRequest="950">
<Grid.RowDefinitions> <Grid.RowDefinitions>
<RowDefinition Height="auto"/> <RowDefinition Height="auto"/>
<RowDefinition Height="auto"/> <RowDefinition Height="auto"/>
<RowDefinition Height="auto"/> <RowDefinition Height="auto"/>
<RowDefinition Height="auto"/>
</Grid.RowDefinitions> </Grid.RowDefinitions>
<Image Source="{Binding Cover}" Aspect="AspectFit" Margin="0,0,0,0" WidthRequest="600" HeightRequest="750"/> <Image Source="{Binding Cover}" Aspect="AspectFit" Margin="0,0,0,0" WidthRequest="600" HeightRequest="750"/>
<Label TextColor="White" FontAttributes="Bold" FontSize="30" Margin="5" FontFamily="arial" Text="{Binding Name}" Grid.Row="1" HorizontalTextAlignment="Center"/> <Label FontAttributes="Bold" FontSize="30" Text="{Binding Name}" Grid.Row="1" HorizontalTextAlignment="Center"/>
<Grid Grid.Row="2"> <Grid Grid.Row="2">
<Grid.ColumnDefinitions> <Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/> <ColumnDefinition Width="*"/>
<ColumnDefinition Width="*"/> <ColumnDefinition Width="auto"/>
</Grid.ColumnDefinitions> </Grid.ColumnDefinitions>
<Grid>
<Grid.RowDefinitions> <Grid.RowDefinitions>
<RowDefinition Height="Auto"/> <RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/> <RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
</Grid.RowDefinitions> </Grid.RowDefinitions>
<Label Text="Tags :"/>
<Label TextColor="White" FontSize="15" Margin="5" FontFamily="arial" Text="Tag :" Grid.Row="0"/> <CollectionView ItemsSource="{Binding Tags}" Grid.Row="1" Grid.ColumnSpan="2">
<CollectionView ItemsSource="{Binding Tags}" SelectionMode="Single" ItemsLayout="{Binding Tags.Count}" Grid.Row="1" Grid.Column="0">
<CollectionView.ItemTemplate> <CollectionView.ItemTemplate>
<DataTemplate> <DataTemplate>
<Label TextColor="White" FontSize="15" Margin="5" FontFamily="arial" Text="{Binding}"/> <Label Padding="10,0,0,0" Text="{Binding}"/>
</DataTemplate> </DataTemplate>
</CollectionView.ItemTemplate> </CollectionView.ItemTemplate>
</CollectionView> </CollectionView>
<Label Text="{Binding Year}" Grid.Row="1" Grid.Column="2" HorizontalTextAlignment="End" VerticalTextAlignment="End"/>
</Grid> </Grid>
<Label TextColor="White" FontSize="15" Margin="5" FontFamily="arial" Text="{Binding Year}" Grid.Column="2" HorizontalTextAlignment="End" VerticalTextAlignment="End"/>
</Grid>
<Label TextColor="White" FontSize="15" Margin="5" FontFamily="arial" Text="{Binding Description}" Grid.Row="3"/>
</Grid> </Grid>
</Border> </Border>
</DataTemplate> </DataTemplate>
</CollectionView.ItemTemplate> </CollectionView.ItemTemplate>
</CollectionView> </CollectionView>
</Grid> </Grid>
</ScrollView>
</ContentPage> </ContentPage>

Write Preview
Loading…
Cancel
Save