Update (Vu_homePage): vu principale faite juste petit fix sur les separateur

pull/2/head
Louwar 2 years ago committed by Louis DUFOUR
parent 92caf2cde7
commit cb7bea5796

@ -6,7 +6,6 @@
xmlns:local="clr-namespace:BookApp"
Shell.FlyoutBehavior="Disabled">
<TabBar>
<Tab Title="My Library"
Icon="books_vertical_fill.svg">

@ -70,4 +70,16 @@
<PackageReference Include="Microsoft.Extensions.Logging.Debug" Version="7.0.0" />
</ItemGroup>
<ItemGroup>
<Compile Update="ContentView\ContentCollection.xaml.cs">
<DependentUpon>ContentCollection.xaml</DependentUpon>
</Compile>
</ItemGroup>
<ItemGroup>
<MauiXaml Update="ContentView\ContentCollection.xaml">
<Generator>MSBuild:Compile</Generator>
</MauiXaml>
</ItemGroup>
</Project>

@ -0,0 +1,37 @@
<?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="BookApp.ContentCollection">
<CollectionView ItemsSource="{Binding ItemsSource, Source={x:Reference this}}" Margin="25,0,0,0">
<CollectionView.ItemTemplate>
<DataTemplate>
<Grid RowDefinitions="Auto" >
<Grid.ColumnDefinitions>
<ColumnDefinition Width="25" />
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Image Grid.Column="0" Source="{Binding Icone}"
HeightRequest="25"
WidthRequest="25" />
<Label Grid.Column="1" Text="{Binding Name}"
FontAttributes="Bold" Padding="5" VerticalOptions="Center"/>
<Grid Grid.Column="2" >
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Label Grid.Column="2" Text="{Binding Name}"
FontAttributes="Bold" Padding="5" VerticalOptions="Center"
/>
<Button Grid.Column="2" ImageSource="chevron_right.svg"
HeightRequest="35"
WidthRequest="35" BackgroundColor="White" HorizontalOptions="End"/>
</Grid>
<!-- Si veiw cela vaudra peut-être le coup de faire une content view (équiavalent de user control) -->
</Grid>
</DataTemplate>
</CollectionView.ItemTemplate>
</CollectionView>
</ContentView>

@ -0,0 +1,24 @@
using System.Collections.ObjectModel;
using System.Globalization;
using static BookApp.MainPage;
namespace BookApp
{
public partial class ContentCollection : ContentView
{
public static readonly BindableProperty ItemsSourceProperty =
BindableProperty.Create(nameof(ItemsSource), typeof(ObservableCollection<ObjetTemp>), typeof(ContentCollection));
public ObservableCollection<ObjetTemp> ItemsSource
{
get { return (ObservableCollection<ObjetTemp>)GetValue(ItemsSourceProperty); }
set { SetValue(ItemsSourceProperty, value); }
}
public ContentCollection()
{
InitializeComponent();
BindingContext = this;
}
}
}

@ -1,55 +1,91 @@
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
<ContentPage
xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="BookApp.MainPage">
<Shell.TitleView>
<HorizontalStackLayout VerticalOptions="Fill">
<Label
Text="Modifier"
FontFamily="Strande2"
TextColor="White"
VerticalTextAlignment="Center"
VerticalOptions="CenterAndExpand"
HeightRequest="50"
FontSize="Medium" />
</HorizontalStackLayout>
</Shell.TitleView>
<ContentPage.ToolbarItems>
<ToolbarItem Command="{Binding SetLowBrightnessCommand}">
<ToolbarItem.Text Text="Add" Clicked="Add_Clicked">
Addd
</ToolbarItem.Text>
<ToolbarItem.IconImageSource>
<FontImageSource
FontFamily="MaterialIconsOutlined-Regular"
Glyph="&#xe51c;"/>
</ToolbarItem.IconImageSource>
</ToolbarItem>
<ToolbarItem IconImageSource="plus_icone.svg"/>
</ContentPage.ToolbarItems>
<StackLayout>
<Label>Mes livres</Label>
<CollectionView ItemsSource="{Binding MyCollections}">
<Label FontSize="35" Padding="10" FontAttributes="Bold" >Mes livres</Label>
<BoxView HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
<CollectionView ItemsSource="{Binding MyCollections1}" Margin="25,0,0,0">
<CollectionView.ItemTemplate>
<DataTemplate>
<Border>
<Grid RowDefinitions="Auto" >
<Grid.ColumnDefinitions>
<ColumnDefinition Width="25" />
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Image Grid.Column="0" Source="{Binding Icone}"
HeightRequest="25"
WidthRequest="25" />
<Label Grid.Column="1" Text="{Binding Name}"
FontAttributes="Bold" Padding="5" VerticalOptions="Center"/>
<Grid Grid.Column="2" >
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Label Grid.Column="2" Text="{Binding Name}"
FontAttributes="Bold" Padding="5" VerticalOptions="Center"
<Image Grid.Column="0" Source="{Binding Icone}"
/>
<Button Grid.Column="2" ImageSource="chevron_right.svg"
HeightRequest="35"
WidthRequest="35" />
WidthRequest="35" BackgroundColor="White" HorizontalOptions="End"/>
</Grid>
<!-- Si veiw cela vaudra peut-être le coup de faire une content view (équiavalent de user control) -->
<BoxView Grid.ColumnSpan="4" HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
</Grid>
</DataTemplate>
</CollectionView.ItemTemplate>
</CollectionView>
<BoxView HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
<Label FontSize="18" Padding="10" FontAttributes="Bold" >Filtres</Label>
<BoxView HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="End" />
<CollectionView ItemsSource="{Binding MyCollections2}" Margin="25,0,0,0">
<CollectionView.ItemTemplate>
<DataTemplate>
<Grid RowDefinitions="Auto" >
<Grid.ColumnDefinitions>
<ColumnDefinition Width="25" />
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Image Grid.Column="0" Source="{Binding Icone}"
HeightRequest="25"
WidthRequest="25" />
<Label Grid.Column="1" Text="{Binding Name}"
FontAttributes="Bold" />
FontAttributes="Bold" Padding="5" VerticalOptions="Center"/>
<Grid Grid.Column="2" >
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Label Grid.Column="2" Text="{Binding Name}"
FontAttributes="Bold" />
FontAttributes="Bold" Padding="5" VerticalOptions="Center"
<Button Grid.Column="3" ImageSource="chevron_right.svg"
/>
<Button Grid.Column="2" ImageSource="chevron_right.svg"
HeightRequest="35"
WidthRequest="35" BackgroundColor="White"/>
WidthRequest="35" BackgroundColor="White" HorizontalOptions="End"/>
</Grid>
<!-- Si veiw cela vaudra peut-être le coup de faire une content view (équiavalent de user control) -->
</Grid>
</Border>
</DataTemplate>
</CollectionView.ItemTemplate>
</CollectionView>
@ -57,10 +93,7 @@
VerticalOptions="Center"
HorizontalOptions="Center"
Clicked="OnButtonClicked" />
<BoxView HeightRequest="1" BackgroundColor="LightGray" VerticalOptions="EndAndExpand" />
</StackLayout>
<!--Pour l'opti on peut préciser le type du bind en aller tout en haut du fichier et faisent x:class ...-->
</ContentPage>

@ -1,4 +1,5 @@
using System.Collections.ObjectModel;
using System.Globalization;
namespace BookApp
{
@ -16,12 +17,14 @@ namespace BookApp
}
}
public ObservableCollection<ObjetTemp> MyCollections { get; set; }
public ObservableCollection<ObjetTemp> MyCollections1 { get; set; }
public ObservableCollection<ObjetTemp> MyCollections2 { get; set; }
public MainPage()
{
InitializeComponent();
MyCollections = new ObservableCollection<ObjetTemp>()
MyCollections1 = new ObservableCollection<ObjetTemp>()
{
new ObjetTemp("Item1", "./Reources/Images/tray_2_fill.svg"),
new ObjetTemp("Item1", "./Reources/Images/person_badge_clock_fill.svg"),
@ -29,6 +32,11 @@ namespace BookApp
new ObjetTemp("Item1", "./Reources/Images/eyeglasses.svg"),
new ObjetTemp("Item1", "./Reources/Images/heart_fill.svg"),
new ObjetTemp("Item1", "./Reources/Images/tag_fill.svg"),
};
MyCollections2 = new ObservableCollection<ObjetTemp>()
{
new ObjetTemp("Item1", "./Reources/Images/person_fill.svg"),
new ObjetTemp("Item1", "./Reources/Images/calendar.svg"),
new ObjetTemp("Item1", "./Reources/Images/sparkles.svg"),

@ -3,7 +3,13 @@
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="BookApp.Tous"
Title="Tous">
<ContentPage.ToolbarItems>
<ToolbarItem Text="Modifier" Priority="0" Order="Primary" />
<ToolbarItem IconImageSource="dotnet_bot.svg" Priority="1" Order="Primary" />
</ContentPage.ToolbarItems>
<ContentPage.Content>
<StackLayout>
<Label Text="Welcome to Xamarin.Forms!"
VerticalOptions="CenterAndExpand"

@ -402,4 +402,5 @@
<Setter Property="SelectedTabColor" Value="{AppThemeBinding Light={StaticResource Gray950}, Dark={StaticResource Gray200}}" />
</Style>
</ResourceDictionary>

Loading…
Cancel
Save