lou.broda
/
LivreLand
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ADD : good book cover, status bar color, emprunts/prets page, collection view disposition

Browse Source 
(ToDo : navigation & bookmark for cover)
homepage-05-09
Lou BRODA 1 year ago
parent 34191293d5
commit 4cdfd6a42d
15 changed files with 453 additions and 46 deletions
Show Stats Download Patch File Download Diff File

2
LivreLand/AppShell.xaml
Unescape View File

@ -17,7 +17,7 @@
ContentTemplate="{DataTemplate view:TousView}"
Icon="list_bullet.svg"/>
<ShellContent Title="My Readings"
ContentTemplate="{DataTemplate view:FiltrageAuteurView}"
ContentTemplate="{DataTemplate view:EmpruntsPretsView}"
Icon="bookmark_fill"/>
<ShellContent Title="Search"
ContentTemplate="{DataTemplate view:FiltrageDateView}"

6
LivreLand/LivreLand.csproj
Unescape View File

@ -67,6 +67,9 @@
<MauiXaml Update="View\ContentViews\DetailsLivreButtonView.xaml">
<Generator>MSBuild:Compile</Generator>
</MauiXaml>
<MauiXaml Update="View\ContentViews\EmpruntsPretsButtonView.xaml">
<Generator>MSBuild:Compile</Generator>
</MauiXaml>
<MauiXaml Update="View\ContentViews\HomeButtonView.xaml">
<Generator>MSBuild:Compile</Generator>
</MauiXaml>
@ -97,6 +100,9 @@
<MauiXaml Update="View\DetailsLivreView.xaml">
<Generator>MSBuild:Compile</Generator>
</MauiXaml>
<MauiXaml Update="View\EmpruntsPretsView.xaml">
<Generator>MSBuild:Compile</Generator>
</MauiXaml>
<MauiXaml Update="View\FiltrageAuteurView.xaml">
<Generator>MSBuild:Compile</Generator>
</MauiXaml>

BIN
LivreLand/Resources/Images/book_cover.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.7 KiB

9
LivreLand/View/BibliothequeView.xaml
Unescape View File

@ -3,9 +3,17 @@
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:view="clr-namespace:LivreLand.View"
xmlns:contentView="clr-namespace:LivreLand.View.ContentViews"
xmlns:toolkit="http://schemas.microsoft.com/dotnet/2022/maui/toolkit"
x:Class="LivreLand.View.BibliothequeView"
x:Name="this"
Title="BibliothequeView">
<ContentPage.Behaviors>
<toolkit:StatusBarBehavior>
<toolkit:StatusBarBehavior.StatusBarColor>
<AppThemeBinding Light="{StaticResource Black}" Dark="{StaticResource White}" />
</toolkit:StatusBarBehavior.StatusBarColor>
</toolkit:StatusBarBehavior>
</ContentPage.Behaviors>
<Grid BindingContext="{x:Reference this}">
<Grid.RowDefinitions>
@ -44,7 +52,6 @@
<contentView:HomeButtonView ButtonTitle="Tous"
ButtonIcon="tray_2_fill.png"
ButtonNumber="45"
ButtonCommand="{Binding FiltreAuteurCommand}"
ButtonRedIconVisible="False"
ButtonBlackIconVisible="True"/>

13
LivreLand/View/BibliothequeView.xaml.cs
Unescape View File

@ -4,21 +4,8 @@ namespace LivreLand.View;
public partial class BibliothequeView : ContentPage
{
public ICommand FiltreAuteurCommand { get; private set; }
public BibliothequeView()
{
InitializeComponent();
//Commandes navigation temporaires
FiltreAuteurCommand = new Command(
execute: () =>
{
App.Current.MainPage.Navigation.PushAsync(new FiltrageAuteurView());
},
canExecute: () =>
{
return true;
});
}
}

43
LivreLand/View/ContentViews/EmpruntsPretsButtonView.xaml
Unescape View File

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="utf-8" ?>
<ContentView xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="LivreLand.View.ContentViews.EmpruntsPretsButtonView">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="1*"/>
<ColumnDefinition Width="4*"/>
<ColumnDefinition Width="1*"/>
</Grid.ColumnDefinitions>
<Border Grid.Column="1">
<Grid BackgroundColor="{StaticResource Gray}"
Grid.Column="1">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="1*"/>
<ColumnDefinition Width="1*"/>
</Grid.ColumnDefinitions>
<Button x:Name="pretsClicked"
Text="Prêts"
TextColor="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource White}}"
BackgroundColor="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource Black}}"
Clicked="OnPretsClicked"
Margin="2"
Grid.Column="0"/>
<Button x:Name="empruntsButton"
Text="Emprunts"
TextColor="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource White}}"
BackgroundColor="Transparent"
Clicked="OnEmpruntsClicked"
Margin="2"
Grid.Column="1"/>
</Grid>
<Border.StrokeShape>
<RoundRectangle CornerRadius="10" />
</Border.StrokeShape>
</Border>
</Grid>
</ContentView>

25
LivreLand/View/ContentViews/EmpruntsPretsButtonView.xaml.cs
Unescape View File

@ -0,0 +1,25 @@
namespace LivreLand.View.ContentViews;
public partial class EmpruntsPretsButtonView : ContentView
{
public EmpruntsPretsButtonView()
{
InitializeComponent();
}
public void OnPretsClicked(object sender, EventArgs e)
{
pretsClicked.BackgroundColor = Colors.Transparent;
pretsClicked.IsEnabled = false;
empruntsButton.BackgroundColor = Colors.White;
empruntsButton.IsEnabled = true;
}
public void OnEmpruntsClicked(object sender, EventArgs e)
{
pretsClicked.BackgroundColor = Colors.White;
pretsClicked.IsEnabled = true;
empruntsButton.BackgroundColor = Colors.Transparent;
empruntsButton.IsEnabled = false;
}
}

4
LivreLand/View/ContentViews/HomeButtonView.xaml
Unescape View File

@ -51,10 +51,6 @@
<toolkit:IconTintColorBehavior TintColor="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource White}}"/>
</Image.Behaviors>
</Image>
<Grid.GestureRecognizers>
<TapGestureRecognizer Command="{Binding ButtonCommand}"/>
</Grid.GestureRecognizers>
</Grid>
</ContentView>

7
LivreLand/View/ContentViews/HomeButtonView.xaml.cs
Unescape View File

@ -39,13 +39,6 @@ public partial class HomeButtonView : ContentView
set => SetValue(HomeButtonView.ButtonBlackIconVisibleProperty, value);
}
public static readonly BindableProperty ButtonCommandProperty = BindableProperty.Create(nameof(ButtonCommand), typeof(Command), typeof(HomeButtonView));
public Command ButtonCommand
{
get => (Command)GetValue(HomeButtonView.ButtonCommandProperty);
set => SetValue(HomeButtonView.ButtonCommandProperty, value);
}
public HomeButtonView()
{
InitializeComponent();

2
LivreLand/View/ContentViews/SearchBarView.xaml
Unescape View File

@ -13,7 +13,7 @@
</Grid.ColumnDefinitions>
<Frame CornerRadius="10"
BorderColor="Transparent"
BackgroundColor="{DynamicResource Gray}"
BackgroundColor="{StaticResource Gray}"
HeightRequest="40"
Grid.Column="1">
<SearchBar WidthRequest="200"

20
LivreLand/View/DetailsLivreView.xaml
Unescape View File

@ -43,11 +43,25 @@
<RowDefinition Height="auto"/>
</Grid.RowDefinitions>
<Image Source="book_cover.png"
WidthRequest="100"
<Border Padding="-5,-5,-5,1"
HeightRequest="100"
WidthRequest="62"
HorizontalOptions="Center"
Stroke="{StaticResource Gray}"
StrokeShape="RoundRectangle 3"
StrokeThickness="3"
Grid.Column="0"
Grid.RowSpan="3"/>
Grid.RowSpan="3">
<Border HorizontalOptions="Center"
Stroke="{StaticResource Gray}"
StrokeShape="RoundRectangle 3"
StrokeThickness="3">
<Image Source="couverture_la_horde_du_contrevent.png"
Aspect="AspectFill"
Grid.Column="0"
Grid.RowSpan="5"/>
</Border>
</Border>
<Label Text="La horde du contrevent"
Grid.Column="2"
Grid.Row="0"/>

205
LivreLand/View/EmpruntsPretsView.xaml
Unescape View File

@ -0,0 +1,205 @@
<?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"
xmlns:view="clr-namespace:LivreLand.View"
xmlns:contentView="clr-namespace:LivreLand.View.ContentViews"
x:Class="LivreLand.View.EmpruntsPretsView"
Title="EmpruntsPretsView">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="auto"/>
<RowDefinition Height="10"/>
<RowDefinition Height="auto"/>
<RowDefinition Height="10"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<view:HeaderPage HeaderTitle="Tous"
HeaderBackButtonText="Mes livres"
HeaderPlusButtonVisible="True"
HeaderSwitchButtonVisible="True"
Grid.Row="0"/>
<contentView:EmpruntsPretsButtonView Grid.Row="2"/>
<ScrollView Grid.Row="4">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="40"/>
<RowDefinition Height="10"/>
<RowDefinition Height="auto"/>
<RowDefinition Height="10"/>
<RowDefinition Height="40"/>
<RowDefinition Height="10"/>
<RowDefinition Height="auto"/>
</Grid.RowDefinitions>
<Grid BackgroundColor="{AppThemeBinding Light={StaticResource HeaderGray}, Dark={StaticResource Gray900}}"
Grid.Row="0">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="10"/>
<ColumnDefinition Width="auto"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<Label Text="Antoine"
VerticalOptions="Center"
Style="{StaticResource HeaderCollectionViewText}"
Grid.Column="1"/>
</Grid>
<CollectionView ItemsSource="{Binding AntoineBooks}"
SelectionMode="Single"
SelectionChanged="OnSelectionChanged"
Grid.Row="2">
<CollectionView.ItemTemplate>
<DataTemplate>
<VerticalStackLayout Margin="10"
Spacing="20">
<VisualStateManager.VisualStateGroups x:Name="SelectionStates">
<VisualStateGroup>
<VisualState x:Name="Selected">
<VisualState.Setters>
<Setter Property="BackgroundColor" Value="Transparent" />
</VisualState.Setters>
</VisualState>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="auto"/>
<ColumnDefinition Width="10"/>
<ColumnDefinition Width="auto"/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="auto"/>
<RowDefinition Height="auto"/>
<RowDefinition Height="auto"/>
<RowDefinition Height="*"/>
<RowDefinition Height="auto"/>
</Grid.RowDefinitions>
<Border Padding="-5,-5,-5,1"
Margin="10,0,0,0"
HeightRequest="100"
WidthRequest="62"
HorizontalOptions="Center"
Stroke="{StaticResource Gray}"
StrokeShape="RoundRectangle 3"
StrokeThickness="3"
Grid.Column="0"
Grid.RowSpan="5">
<Border HorizontalOptions="Center"
Stroke="{StaticResource Gray}"
StrokeShape="RoundRectangle 3"
StrokeThickness="3">
<Image Source="couverture_la_horde_du_contrevent.png"
Aspect="AspectFill"
Grid.Column="0"
Grid.RowSpan="5"/>
</Border>
</Border>
<Label Text="{Binding Title}"
Style="{StaticResource MasterTitleBookText}"
Grid.Column="2"
Grid.Row="0"/>
<Label Text="{Binding Author}"
Style="{StaticResource MasterAuthorBookText}"
Grid.Column="2"
Grid.Row="1"/>
<Label Text="{Binding State}"
Style="{StaticResource MasterStateBookText}"
Grid.Column="2"
Grid.Row="2"/>
<contentView:StarNotationView Grid.Column="2"
Grid.Row="4"/>
</Grid>
<contentView:SeparatorCutStartView/>
</VerticalStackLayout>
</DataTemplate>
</CollectionView.ItemTemplate>
</CollectionView>
<Grid BackgroundColor="{AppThemeBinding Light={StaticResource HeaderGray}, Dark={StaticResource Gray900}}"
Grid.Row="4">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="10"/>
<ColumnDefinition Width="auto"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<Label Text="Audrey Pouclet"
VerticalOptions="Center"
Style="{StaticResource HeaderCollectionViewText}"
Grid.Column="1"/>
</Grid>
<CollectionView ItemsSource="{Binding AudreyPoucletBooks}"
SelectionMode="Single"
SelectionChanged="OnSelectionChanged"
Grid.Row="6">
<CollectionView.ItemTemplate>
<DataTemplate>
<VerticalStackLayout Margin="10"
Spacing="20">
<VisualStateManager.VisualStateGroups x:Name="SelectionStates">
<VisualStateGroup>
<VisualState x:Name="Selected">
<VisualState.Setters>
<Setter Property="BackgroundColor" Value="Transparent" />
</VisualState.Setters>
</VisualState>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="auto"/>
<ColumnDefinition Width="10"/>
<ColumnDefinition Width="auto"/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="auto"/>
<RowDefinition Height="auto"/>
<RowDefinition Height="auto"/>
<RowDefinition Height="*"/>
<RowDefinition Height="auto"/>
</Grid.RowDefinitions>
<Border Padding="-5,-5,-5,1"
Margin="10,0,0,0"
HeightRequest="100"
WidthRequest="62"
HorizontalOptions="Center"
Stroke="{StaticResource Gray}"
StrokeShape="RoundRectangle 3"
StrokeThickness="3"
Grid.Column="0"
Grid.RowSpan="5">
<Border HorizontalOptions="Center"
Stroke="{StaticResource Gray}"
StrokeShape="RoundRectangle 3"
StrokeThickness="3">
<Image Source="couverture_la_horde_du_contrevent.png"
Aspect="AspectFill"
Grid.Column="0"
Grid.RowSpan="5"/>
</Border>
</Border>
<Label Text="{Binding Title}"
Style="{StaticResource MasterTitleBookText}"
Grid.Column="2"
Grid.Row="0"/>
<Label Text="{Binding Author}"
Style="{StaticResource MasterAuthorBookText}"
Grid.Column="2"
Grid.Row="1"/>
<Label Text="{Binding State}"
Style="{StaticResource MasterStateBookText}"
Grid.Column="2"
Grid.Row="2"/>
<contentView:StarNotationView Grid.Column="2"
Grid.Row="4"/>
</Grid>
<contentView:SeparatorCutStartView/>
</VerticalStackLayout>
</DataTemplate>
</CollectionView.ItemTemplate>
</CollectionView>
</Grid>
</ScrollView>
</Grid>
</ContentPage>

27
LivreLand/View/EmpruntsPretsView.xaml.cs
Unescape View File

@ -0,0 +1,27 @@
using LivreLand.Model;
namespace LivreLand.View;
public partial class EmpruntsPretsView : ContentPage
{
public List<BookModel> AntoineBooks { get; set; } = new List<BookModel>()
{
new BookModel("The Wake","Scott Snyder","Terminé", 0),
};
public List<BookModel> AudreyPoucletBooks { get; set; } = new List<BookModel>()
{
new BookModel("Les feux de Cibola","James S. A. Corey","Terminé", 0),
};
public EmpruntsPretsView()
{
BindingContext = this;
InitializeComponent();
}
void OnSelectionChanged(object sender, SelectionChangedEventArgs e)
{
App.Current.MainPage.Navigation.PushAsync(new DetailsLivreView());
}
}

110
LivreLand/View/TousView.xaml
Unescape View File

@ -18,12 +18,16 @@
HeaderPlusButtonVisible="True"
HeaderSwitchButtonVisible="True"
Grid.Row="0"/>
<ScrollView Grid.Row="2" Style="{StaticResource Key=test}">
<ScrollView Grid.Row="2">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="40"/>
<RowDefinition Height="10"/>
<RowDefinition Height="auto"/>
<RowDefinition Height="10"/>
<RowDefinition Height="40"/>
<RowDefinition Height="10"/>
<RowDefinition Height="auto"/>
</Grid.RowDefinitions>
<Grid BackgroundColor="{AppThemeBinding Light={StaticResource HeaderGray}, Dark={StaticResource Gray900}}"
Grid.Row="0">
@ -38,7 +42,7 @@
Style="{StaticResource HeaderCollectionViewText}"
Grid.Column="1"/>
</Grid>
<CollectionView ItemsSource="{Binding AllBooks}"
<CollectionView ItemsSource="{Binding DamasioBooks}"
SelectionMode="Single"
SelectionChanged="OnSelectionChanged"
Grid.Row="2">
@ -68,16 +72,109 @@
<RowDefinition Height="*"/>
<RowDefinition Height="auto"/>
</Grid.RowDefinitions>
<Image Source="book_cover.png"
WidthRequest="100"
<Border Padding="-5,-5,-5,1"
Margin="10,0,0,0"
HeightRequest="100"
WidthRequest="62"
HorizontalOptions="Center"
Stroke="{StaticResource Gray}"
StrokeShape="RoundRectangle 3"
StrokeThickness="3"
Grid.Column="0"
Grid.RowSpan="5">
<Border HorizontalOptions="Center"
Stroke="{StaticResource Gray}"
StrokeShape="RoundRectangle 3"
StrokeThickness="3">
<Image Source="couverture_la_horde_du_contrevent.png"
Aspect="AspectFill"
Grid.Column="0"
Grid.RowSpan="5"/>
</Border>
</Border>
<Label Text="{Binding Title}"
Style="{StaticResource MasterTitleBookText}"
Grid.Column="2"
Grid.Row="0"/>
<Label Text="{Binding Author}"
Style="{StaticResource MasterAuthorBookText}"
Grid.Column="2"
Grid.Row="1"/>
<Label Text="{Binding State}"
Style="{StaticResource MasterStateBookText}"
Grid.Column="2"
Grid.Row="2"/>
<contentView:StarNotationView Grid.Column="2"
Grid.Row="4"/>
</Grid>
<contentView:SeparatorCutStartView/>
</VerticalStackLayout>
</DataTemplate>
</CollectionView.ItemTemplate>
</CollectionView>
<Grid BackgroundColor="{AppThemeBinding Light={StaticResource HeaderGray}, Dark={StaticResource Gray900}}"
Grid.Row="4">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="10"/>
<ColumnDefinition Width="auto"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<Label Text="Cixin Liu"
VerticalOptions="Center"
Style="{StaticResource HeaderCollectionViewText}"
Grid.Column="1"/>
</Grid>
<CollectionView ItemsSource="{Binding LiuBooks}"
SelectionMode="Single"
SelectionChanged="OnSelectionChanged"
Grid.Row="6">
<CollectionView.ItemTemplate>
<DataTemplate>
<VerticalStackLayout Margin="10"
Spacing="20">
<VisualStateManager.VisualStateGroups x:Name="SelectionStates">
<VisualStateGroup>
<VisualState x:Name="Selected">
<VisualState.Setters>
<Setter Property="BackgroundColor" Value="Transparent" />
</VisualState.Setters>
</VisualState>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="auto"/>
<ColumnDefinition Width="10"/>
<ColumnDefinition Width="auto"/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="auto"/>
<RowDefinition Height="auto"/>
<RowDefinition Height="auto"/>
<RowDefinition Height="*"/>
<RowDefinition Height="auto"/>
</Grid.RowDefinitions>
<Border Padding="-5,-5,-5,1"
Margin="10,0,0,0"
HeightRequest="100"
WidthRequest="62"
HorizontalOptions="Center"
Stroke="{StaticResource Gray}"
StrokeShape="RoundRectangle 3"
StrokeThickness="3"
Grid.Column="0"
Grid.RowSpan="5">
<Border HorizontalOptions="Center"
Stroke="{StaticResource Gray}"
StrokeShape="RoundRectangle 3"
StrokeThickness="3">
<Image Source="couverture_la_horde_du_contrevent.png"
WidthRequest="90"
HeightRequest="90"
Aspect="AspectFill"
Grid.Column="0"
Grid.RowSpan="5"/>
</Border>
</Border>
<Label Text="{Binding Title}"
Style="{StaticResource MasterTitleBookText}"
Grid.Column="2"
@ -106,4 +203,5 @@
<contentView:AlphabetVerticalMenuView/>
</Grid>
</Grid>
</ContentPage>

10
LivreLand/View/TousView.xaml.cs
Unescape View File

@ -4,11 +4,17 @@ namespace LivreLand.View;
public partial class TousView : ContentPage
{
public List<BookModel> AllBooks { get; set; } = new List<BookModel>()
public List<BookModel> DamasioBooks { get; set; } = new List<BookModel>()
{
new BookModel("La horde du contrevent","Alain Damasio","Non lu", 0),
new BookModel("La zone du dehors","Alain Damasio","Terminé", 0),
new BookModel("L'équateur d'Einstein","Cixin Liu","Non lu", 0)
};
public List<BookModel> LiuBooks { get; set; } = new List<BookModel>()
{
new BookModel("L'équateur d'Einstein","Cixin Liu","Terminé", 0),
new BookModel("La forêt sombre","Cixin Liu","Terminé", 0),
new BookModel("Le problème à trois corps","Cixin Liu","Terminé", 0)
};
public TousView()

Write Preview
Loading…
Cancel
Save