test du grid pour pouvoir organiser la page home du site

devGuillaume
Guillaume REY 2 years ago
parent 5ae33f2c4e
commit 4c6f19e3a7

@ -7,7 +7,7 @@
Shell.FlyoutBehavior="Disabled"> Shell.FlyoutBehavior="Disabled">
<ShellContent <ShellContent
Title="Home" Title="Ohara"
ContentTemplate="{DataTemplate local:MainPage}" ContentTemplate="{DataTemplate local:MainPage}"
Route="MainPage" /> Route="MainPage" />

@ -6,11 +6,18 @@
<ScrollView> <ScrollView>
<VerticalStackLayout <Grid
Spacing="25" Margin="20,35,20,20">
Padding="30,0"
VerticalOptions="Center"> <Grid.RowDefinitions>
<RowDefinition Height="300" />
<RowDefinition Height="*" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="300" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Rectangle WidthRequest="200" HeightRequest="300" HorizontalOptions="Start" BackgroundColor="#72a3b3"> <Rectangle WidthRequest="200" HeightRequest="300" HorizontalOptions="Start" BackgroundColor="#72a3b3">
<Rectangle.Fill> <Rectangle.Fill>
<LinearGradientBrush StartPoint="0,0.5" EndPoint="1,0.5"> <LinearGradientBrush StartPoint="0,0.5" EndPoint="1,0.5">
@ -21,26 +28,21 @@
</Rectangle.Fill> </Rectangle.Fill>
</Rectangle> </Rectangle>
<Frame CornerRadius="20" BorderColor="#72a3b3" BackgroundColor="#72a3b3" Padding="20" WidthRequest="400"> <Frame CornerRadius="20" BorderColor="#72a3b3" BackgroundColor="#72a3b3" Padding="20" WidthRequest="600" Grid.Row="1" Grid.Column="1"/>
<Label Text="Bienvenue sur Ohara !" FontAttributes="Bold" FontSize="30" HorizontalOptions="Center" TextColor="White"/> <Label Text="Présentation :" FontAttributes="Bold" FontSize="30" HorizontalOptions="Center" TextColor="White" Grid.Row="1" Grid.Column="1"/>
</Frame>
<Image <Image
Source="ohara2.png" Source="ohara2.png"
SemanticProperties.Description="Cute dot net bot waving hi to you!" SemanticProperties.Description="Cute dot net bot waving hi to you!"
HeightRequest="400" HeightRequest="400"
HorizontalOptions="Center" /> HorizontalOptions="Center"
Grid.Row="0"
Grid.Column="0"/>
<Button
x:Name="CounterBtn"
Text="Click me"
SemanticProperties.Hint="Counts the number of times you click"
Clicked="OnCounterClicked"
HorizontalOptions="Center" />
</VerticalStackLayout> </Grid>
</ScrollView> </ScrollView>
</ContentPage> </ContentPage>

Loading…
Cancel
Save