|
|
@ -2,39 +2,245 @@
|
|
|
|
<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"
|
|
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
|
|
|
|
x:Class="F1Maui.MainPage"
|
|
|
|
x:Class="F1Maui.MainPage"
|
|
|
|
Title="Formula one Infos">
|
|
|
|
Title="Formula one Infos"
|
|
|
|
|
|
|
|
BackgroundColor="AntiqueWhite">
|
|
|
|
|
|
|
|
|
|
|
|
<ScrollView>
|
|
|
|
<ScrollView>
|
|
|
|
<VerticalStackLayout
|
|
|
|
<VerticalStackLayout
|
|
|
|
Spacing="25"
|
|
|
|
Spacing="0"
|
|
|
|
Padding="30,0"
|
|
|
|
Padding="0"
|
|
|
|
VerticalOptions="Center">
|
|
|
|
VerticalOptions="Start">
|
|
|
|
|
|
|
|
|
|
|
|
<Image
|
|
|
|
<Frame
|
|
|
|
Source="dotnet_bot.png"
|
|
|
|
BorderColor="Black"
|
|
|
|
SemanticProperties.Description="Cute dot net bot waving hi to you!"
|
|
|
|
Padding="55"
|
|
|
|
HeightRequest="200"
|
|
|
|
WidthRequest="375"
|
|
|
|
HorizontalOptions="Center" />
|
|
|
|
VerticalOptions="Start"
|
|
|
|
|
|
|
|
HorizontalOptions="Start"
|
|
|
|
<Label
|
|
|
|
IsClippedToBounds="True"
|
|
|
|
Text="Hello, World!"
|
|
|
|
HeightRequest="200"
|
|
|
|
SemanticProperties.HeadingLevel="Level1"
|
|
|
|
CornerRadius="0">
|
|
|
|
FontSize="32"
|
|
|
|
<Frame.Background>
|
|
|
|
HorizontalOptions="Center" />
|
|
|
|
<RadialGradientBrush>
|
|
|
|
|
|
|
|
<GradientStop Color="Yellow"
|
|
|
|
<Label
|
|
|
|
Offset="0.1" />
|
|
|
|
Text="Welcome to Formula One informations"
|
|
|
|
<GradientStop Color="Red"
|
|
|
|
SemanticProperties.HeadingLevel="Level2"
|
|
|
|
Offset="1.0"/>
|
|
|
|
SemanticProperties.Description="Welcome to dot net Multi platform App U I"
|
|
|
|
</RadialGradientBrush>
|
|
|
|
FontSize="18"
|
|
|
|
</Frame.Background>
|
|
|
|
HorizontalOptions="Center" />
|
|
|
|
|
|
|
|
|
|
|
|
<Image
|
|
|
|
<Button
|
|
|
|
Source="ferrari.png"
|
|
|
|
x:Name="CounterBtn"
|
|
|
|
HeightRequest="110"/>
|
|
|
|
Text="Click me"
|
|
|
|
</Frame>
|
|
|
|
SemanticProperties.Hint="Counts the number of times you click"
|
|
|
|
|
|
|
|
Clicked="OnCounterClicked"
|
|
|
|
<Frame
|
|
|
|
HorizontalOptions="Center" />
|
|
|
|
BorderColor="Black"
|
|
|
|
|
|
|
|
Padding="55"
|
|
|
|
|
|
|
|
WidthRequest="375"
|
|
|
|
|
|
|
|
VerticalOptions="Start"
|
|
|
|
|
|
|
|
HorizontalOptions="Start"
|
|
|
|
|
|
|
|
IsClippedToBounds="True"
|
|
|
|
|
|
|
|
HeightRequest="200"
|
|
|
|
|
|
|
|
CornerRadius="0">
|
|
|
|
|
|
|
|
<Frame.Background>
|
|
|
|
|
|
|
|
<LinearGradientBrush>
|
|
|
|
|
|
|
|
<GradientStop Color="DarkBlue"
|
|
|
|
|
|
|
|
Offset="0.1" />
|
|
|
|
|
|
|
|
<GradientStop Color="Crimson"
|
|
|
|
|
|
|
|
Offset="1.0"/>
|
|
|
|
|
|
|
|
</LinearGradientBrush>
|
|
|
|
|
|
|
|
</Frame.Background>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<Image
|
|
|
|
|
|
|
|
Source="redbull.png"
|
|
|
|
|
|
|
|
HeightRequest="110"/>
|
|
|
|
|
|
|
|
</Frame>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<Frame
|
|
|
|
|
|
|
|
BorderColor="Black"
|
|
|
|
|
|
|
|
Padding="55"
|
|
|
|
|
|
|
|
WidthRequest="375"
|
|
|
|
|
|
|
|
VerticalOptions="Start"
|
|
|
|
|
|
|
|
HorizontalOptions="Start"
|
|
|
|
|
|
|
|
IsClippedToBounds="True"
|
|
|
|
|
|
|
|
HeightRequest="200"
|
|
|
|
|
|
|
|
CornerRadius="0">
|
|
|
|
|
|
|
|
<Frame.Background>
|
|
|
|
|
|
|
|
<RadialGradientBrush>
|
|
|
|
|
|
|
|
<GradientStop Color="DarkGray"
|
|
|
|
|
|
|
|
Offset="0.1" />
|
|
|
|
|
|
|
|
<GradientStop Color="Turquoise"
|
|
|
|
|
|
|
|
Offset="1.0"/>
|
|
|
|
|
|
|
|
</RadialGradientBrush>
|
|
|
|
|
|
|
|
</Frame.Background>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<Image
|
|
|
|
|
|
|
|
Source="mercedes.png"
|
|
|
|
|
|
|
|
HeightRequest="110"/>
|
|
|
|
|
|
|
|
</Frame>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<Frame
|
|
|
|
|
|
|
|
BorderColor="Black"
|
|
|
|
|
|
|
|
Padding="55"
|
|
|
|
|
|
|
|
WidthRequest="375"
|
|
|
|
|
|
|
|
VerticalOptions="Start"
|
|
|
|
|
|
|
|
HorizontalOptions="Start"
|
|
|
|
|
|
|
|
IsClippedToBounds="True"
|
|
|
|
|
|
|
|
HeightRequest="200"
|
|
|
|
|
|
|
|
CornerRadius="0">
|
|
|
|
|
|
|
|
<Frame.Background>
|
|
|
|
|
|
|
|
<LinearGradientBrush>
|
|
|
|
|
|
|
|
<GradientStop Color="HotPink"
|
|
|
|
|
|
|
|
Offset="0.1" />
|
|
|
|
|
|
|
|
<GradientStop Color="Cyan"
|
|
|
|
|
|
|
|
Offset="1.0"/>
|
|
|
|
|
|
|
|
</LinearGradientBrush>
|
|
|
|
|
|
|
|
</Frame.Background>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<Image
|
|
|
|
|
|
|
|
Source="alpine.png"
|
|
|
|
|
|
|
|
HeightRequest="110"/>
|
|
|
|
|
|
|
|
</Frame>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<Frame
|
|
|
|
|
|
|
|
BorderColor="Black"
|
|
|
|
|
|
|
|
Padding="55"
|
|
|
|
|
|
|
|
WidthRequest="375"
|
|
|
|
|
|
|
|
VerticalOptions="Start"
|
|
|
|
|
|
|
|
HorizontalOptions="Start"
|
|
|
|
|
|
|
|
IsClippedToBounds="True"
|
|
|
|
|
|
|
|
HeightRequest="200"
|
|
|
|
|
|
|
|
CornerRadius="0">
|
|
|
|
|
|
|
|
<Frame.Background>
|
|
|
|
|
|
|
|
<LinearGradientBrush>
|
|
|
|
|
|
|
|
<GradientStop Color="OrangeRed"
|
|
|
|
|
|
|
|
Offset="0.1" />
|
|
|
|
|
|
|
|
<GradientStop Color="#dba06b"
|
|
|
|
|
|
|
|
Offset="1.0"/>
|
|
|
|
|
|
|
|
</LinearGradientBrush>
|
|
|
|
|
|
|
|
</Frame.Background>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<Image
|
|
|
|
|
|
|
|
Source="mclaren.png"
|
|
|
|
|
|
|
|
HeightRequest="110"/>
|
|
|
|
|
|
|
|
</Frame>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<Frame
|
|
|
|
|
|
|
|
BorderColor="Black"
|
|
|
|
|
|
|
|
Padding="55"
|
|
|
|
|
|
|
|
WidthRequest="375"
|
|
|
|
|
|
|
|
VerticalOptions="Start"
|
|
|
|
|
|
|
|
HorizontalOptions="Start"
|
|
|
|
|
|
|
|
IsClippedToBounds="True"
|
|
|
|
|
|
|
|
HeightRequest="200"
|
|
|
|
|
|
|
|
CornerRadius="0">
|
|
|
|
|
|
|
|
<Frame.Background>
|
|
|
|
|
|
|
|
<LinearGradientBrush>
|
|
|
|
|
|
|
|
<GradientStop Color="White"
|
|
|
|
|
|
|
|
Offset="0.1" />
|
|
|
|
|
|
|
|
<GradientStop Color="White"
|
|
|
|
|
|
|
|
Offset="1.0"/>
|
|
|
|
|
|
|
|
</LinearGradientBrush>
|
|
|
|
|
|
|
|
</Frame.Background>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<Image
|
|
|
|
|
|
|
|
Source="haas.png"
|
|
|
|
|
|
|
|
HeightRequest="110"/>
|
|
|
|
|
|
|
|
</Frame>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<Frame
|
|
|
|
|
|
|
|
BorderColor="Black"
|
|
|
|
|
|
|
|
Padding="55"
|
|
|
|
|
|
|
|
WidthRequest="375"
|
|
|
|
|
|
|
|
VerticalOptions="Start"
|
|
|
|
|
|
|
|
HorizontalOptions="Start"
|
|
|
|
|
|
|
|
IsClippedToBounds="True"
|
|
|
|
|
|
|
|
HeightRequest="200"
|
|
|
|
|
|
|
|
CornerRadius="0">
|
|
|
|
|
|
|
|
<Frame.Background>
|
|
|
|
|
|
|
|
<LinearGradientBrush>
|
|
|
|
|
|
|
|
<GradientStop Color="White"
|
|
|
|
|
|
|
|
Offset="0.1" />
|
|
|
|
|
|
|
|
<GradientStop Color="DimGray"
|
|
|
|
|
|
|
|
Offset="1.0"/>
|
|
|
|
|
|
|
|
</LinearGradientBrush>
|
|
|
|
|
|
|
|
</Frame.Background>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<Image
|
|
|
|
|
|
|
|
Source="alphatauri.png"
|
|
|
|
|
|
|
|
HeightRequest="110"/>
|
|
|
|
|
|
|
|
</Frame>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<Frame
|
|
|
|
|
|
|
|
BorderColor="Black"
|
|
|
|
|
|
|
|
Padding="55"
|
|
|
|
|
|
|
|
WidthRequest="375"
|
|
|
|
|
|
|
|
VerticalOptions="Start"
|
|
|
|
|
|
|
|
HorizontalOptions="Start"
|
|
|
|
|
|
|
|
IsClippedToBounds="True"
|
|
|
|
|
|
|
|
HeightRequest="200"
|
|
|
|
|
|
|
|
CornerRadius="0">
|
|
|
|
|
|
|
|
<Frame.Background>
|
|
|
|
|
|
|
|
<LinearGradientBrush>
|
|
|
|
|
|
|
|
<GradientStop Color="Crimson"
|
|
|
|
|
|
|
|
Offset="0.1" />
|
|
|
|
|
|
|
|
<GradientStop Color="LightGray"
|
|
|
|
|
|
|
|
Offset="1.0"/>
|
|
|
|
|
|
|
|
</LinearGradientBrush>
|
|
|
|
|
|
|
|
</Frame.Background>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<Image
|
|
|
|
|
|
|
|
Source="alfaromeo.png"
|
|
|
|
|
|
|
|
HeightRequest="110"/>
|
|
|
|
|
|
|
|
</Frame>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<Frame
|
|
|
|
|
|
|
|
BorderColor="Black"
|
|
|
|
|
|
|
|
Padding="55"
|
|
|
|
|
|
|
|
WidthRequest="375"
|
|
|
|
|
|
|
|
VerticalOptions="Start"
|
|
|
|
|
|
|
|
HorizontalOptions="Start"
|
|
|
|
|
|
|
|
IsClippedToBounds="True"
|
|
|
|
|
|
|
|
HeightRequest="200"
|
|
|
|
|
|
|
|
CornerRadius="0">
|
|
|
|
|
|
|
|
<Frame.Background>
|
|
|
|
|
|
|
|
<LinearGradientBrush>
|
|
|
|
|
|
|
|
<GradientStop Color="#1aad6f"
|
|
|
|
|
|
|
|
Offset="0.1" />
|
|
|
|
|
|
|
|
<GradientStop Color="Gray"
|
|
|
|
|
|
|
|
Offset="1.0"/>
|
|
|
|
|
|
|
|
</LinearGradientBrush>
|
|
|
|
|
|
|
|
</Frame.Background>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<Image
|
|
|
|
|
|
|
|
Source="astonmartin.png"
|
|
|
|
|
|
|
|
HeightRequest="110"/>
|
|
|
|
|
|
|
|
</Frame>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<Frame
|
|
|
|
|
|
|
|
BorderColor="Black"
|
|
|
|
|
|
|
|
Padding="55"
|
|
|
|
|
|
|
|
WidthRequest="375"
|
|
|
|
|
|
|
|
VerticalOptions="Start"
|
|
|
|
|
|
|
|
HorizontalOptions="Start"
|
|
|
|
|
|
|
|
IsClippedToBounds="True"
|
|
|
|
|
|
|
|
HeightRequest="200"
|
|
|
|
|
|
|
|
CornerRadius="0">
|
|
|
|
|
|
|
|
<Frame.Background>
|
|
|
|
|
|
|
|
<LinearGradientBrush>
|
|
|
|
|
|
|
|
<GradientStop Color="DarkSlateBlue"
|
|
|
|
|
|
|
|
Offset="0.1" />
|
|
|
|
|
|
|
|
<GradientStop Color="LightBlue"
|
|
|
|
|
|
|
|
Offset="1.0"/>
|
|
|
|
|
|
|
|
</LinearGradientBrush>
|
|
|
|
|
|
|
|
</Frame.Background>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<Image
|
|
|
|
|
|
|
|
Source="williams.png"
|
|
|
|
|
|
|
|
HeightRequest="110"/>
|
|
|
|
|
|
|
|
</Frame>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</VerticalStackLayout>
|
|
|
|
</VerticalStackLayout>
|
|
|
|
</ScrollView>
|
|
|
|
</ScrollView>
|
|
|
|