Page pour les bateaux et tout ce qui va avec (images)

devGuillaume
Guillaume REY 2 years ago
parent 6ddf773bdf
commit c27577c144

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

@ -129,6 +129,30 @@
</Frame>
</Grid>
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Image Source="zoro.png" HeightRequest="800" HorizontalOptions="Start"/>
<Frame CornerRadius="20" BorderColor="#72a3b3" BackgroundColor="#72a3b3" Margin="20, 50" Padding="20" WidthRequest="350" HeightRequest="200" Grid.Row="0" VerticalOptions="End">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="*" />
<RowDefinition Height="*" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Label Text="Zoro" FontAttributes="Bold" FontSize="22" TextColor="White" Grid.Row="0" HorizontalOptions="Center" Margin="10"/>
<Label Text="________________________" FontAttributes="Bold" FontSize="20" TextColor="White" Grid.Row="1" HorizontalOptions="Center" Margin="-15"/>
<Label Text="Cliquez ici pour voir en détail" FontAttributes="Bold,Italic" FontSize="15" TextColor="White" Grid.Row="2" TextDecorations="Underline" HorizontalOptions="Center"/>
</Grid>
</Frame>
</Grid>
</HorizontalStackLayout>
</ScrollView>

@ -0,0 +1,151 @@
<?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.NewPage4"
Title="NewPage4">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="2*" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="300" />
<ColumnDefinition Width="*" />
</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"/>
<Button Style="{StaticResource buttonMenu}" Text="Carte"/>
<Button Style="{StaticResource buttonMenu}" Text="Personnages"/>
<Button Style="{StaticResource buttonMenu}" Text="Fruits du démon"/>
<Button Style="{StaticResource buttonMenu2}" 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">
<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>
<ScrollView Orientation="Horizontal" HorizontalScrollBarVisibility="Always">
<HorizontalStackLayout Spacing="40" Padding="40">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Image Source="sunny.png" HeightRequest="800" HorizontalOptions="Start" Grid.Row="0"/>
<Frame CornerRadius="20" BorderColor="#72a3b3" BackgroundColor="#72a3b3" Margin="20, 50" Padding="20" WidthRequest="350" HeightRequest="200" Grid.Row="0" VerticalOptions="End">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="*" />
<RowDefinition Height="*" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Label Text="Thousand Sunny" FontAttributes="Bold" FontSize="22" TextColor="White" Grid.Row="0" HorizontalOptions="Center" Margin="10"/>
<Label Text="________________________" FontAttributes="Bold" FontSize="20" TextColor="White" Grid.Row="1" HorizontalOptions="Center" Margin="-15"/>
<Label Text="Cliquez ici pour voir en détail" FontAttributes="Bold,Italic" FontSize="15" TextColor="White" Grid.Row="2" TextDecorations="Underline" HorizontalOptions="Center"/>
</Grid>
</Frame>
</Grid>
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Image Source="vogue_merry.png" HeightRequest="800" HorizontalOptions="Start"/>
<Frame CornerRadius="20" BorderColor="#72a3b3" BackgroundColor="#72a3b3" Margin="20, 50" Padding="20" WidthRequest="350" HeightRequest="200" Grid.Row="0" VerticalOptions="End">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="*" />
<RowDefinition Height="*" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Label Text="Vogue Merry" FontAttributes="Bold" FontSize="22" TextColor="White" Grid.Row="0" HorizontalOptions="Center" Margin="10"/>
<Label Text="________________________" FontAttributes="Bold" FontSize="20" TextColor="White" Grid.Row="1" HorizontalOptions="Center" Margin="-15"/>
<Label Text="Cliquez ici pour voir en détail" FontAttributes="Bold,Italic" FontSize="15" TextColor="White" Grid.Row="2" TextDecorations="Underline" HorizontalOptions="Center"/>
</Grid>
</Frame>
</Grid>
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Image Source="moby_dick.png" HeightRequest="800" HorizontalOptions="Start"/>
<Frame CornerRadius="20" BorderColor="#72a3b3" BackgroundColor="#72a3b3" Margin="20, 50" Padding="20" WidthRequest="350" HeightRequest="200" Grid.Row="0" VerticalOptions="End">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="*" />
<RowDefinition Height="*" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Label Text="Moby Dick" FontAttributes="Bold" FontSize="22" TextColor="White" Grid.Row="0" HorizontalOptions="Center" Margin="10"/>
<Label Text="________________________" FontAttributes="Bold" FontSize="20" TextColor="White" Grid.Row="1" HorizontalOptions="Center" Margin="-15"/>
<Label Text="Cliquez ici pour voir en détail" FontAttributes="Bold,Italic" FontSize="15" TextColor="White" Grid.Row="2" TextDecorations="Underline" HorizontalOptions="Center"/>
</Grid>
</Frame>
</Grid>
</HorizontalStackLayout>
</ScrollView>
</VerticalStackLayout>
<!--<Rectangle WidthRequest="200" HeightRequest="300" HorizontalOptions="Start" BackgroundColor="#72a3b3">
<Rectangle.Fill>
<LinearGradientBrush StartPoint="0,0.5" EndPoint="1,0.5">
<GradientStop Color="#cdffd8" Offset="0.0" />-->
<!--<GradientStop Color="#94b9ff" Offset="1.0" /></LinearGradientBrush></Rectangle.Fill></Rectangle>-->
</Grid>
</ContentPage>

@ -0,0 +1,9 @@
namespace Ohara;
public partial class NewPage4 : ContentPage
{
public NewPage4()
{
InitializeComponent();
}
}

@ -62,6 +62,9 @@
<MauiXaml Update="NewPage3.xaml">
<Generator>MSBuild:Compile</Generator>
</MauiXaml>
<MauiXaml Update="NewPage4.xaml">
<Generator>MSBuild:Compile</Generator>
</MauiXaml>
</ItemGroup>
</Project>

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 MiB

Loading…
Cancel
Save