<?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:views="clr-namespace:ex_OutlineText.Views"
             x:Class="ex_OutlineText.MainPage">

    <ScrollView>
        <VerticalStackLayout
            Padding="4,0"
            Spacing="10">
            <Label Text="Truc" FontFamily="Equestria" FontSize="42" HorizontalOptions="Center"/>
            
            <Label Text="Aspect: AspectFit ; TextSize: 200 ; HeightRequest: 50 ; Ratio: 1.0" FontSize="12" HorizontalOptions="Start"/>
            <views:LabelOutline Text="Truc"
                                Stroke="Red"
                                Fill="Yellow"
                                StrokeWidth="1"
                                HeightRequest="50"
                                WidthRequest="200"
                                FontFamily="Equestria"
                                TextSize="200"
                                Aspect="AspectFit"
                                BackgroundColor="DarkSalmon"
                                Ratio="1.0"/>

            <Label Text="Aspect: AspectFit ; TextSize: 200 ; HeightRequest: 50 ; Ratio: 0.7" FontSize="12" HorizontalOptions="Start"/>
            <views:LabelOutline Text="Truc"
                                Stroke="Red"
                                Fill="Yellow"
                                StrokeWidth="1"
                                HeightRequest="50"
                                WidthRequest="200"
                                FontFamily="Equestria"
                                TextSize="200"
                                Aspect="AspectFit"
                                BackgroundColor="DarkSalmon"
                                Ratio="0.7"/>
        
            <Label Text="Aspect: AspectFill ; TextSize: 120 ; HeightRequest: 50 ; Ratio: 0.9" FontSize="12" HorizontalOptions="Start"/>
            <views:LabelOutline Text="Truc"
                                Stroke="Red"
                                Fill="Yellow"
                                StrokeWidth="1"
                                HeightRequest="50"
                                WidthRequest="200"
                                FontFamily="Equestria"
                                TextSize="120"
                                Aspect="AspectFill"
                                BackgroundColor="DarkSalmon"
                                Ratio="0.9"/>

            <Label Text="Aspect: AspectFill ; TextSize: 120 ; HeightRequest: 50 ; Ratio: 0.9"
                   FontSize="12" HorizontalOptions="Start"/>
            <views:LabelOutline Text="Machin"
                                Stroke="Red"
                                Fill="Yellow"
                                StrokeWidth="1"
                                HeightRequest="50"
                                WidthRequest="80"
                                FontFamily="Equestria"
                                TextSize="120"
                                Aspect="AspectFill"
                                BackgroundColor="DarkSalmon"
                                Ratio="0.9"/>
        
            <Label Text="Aspect: Center ; TextSize: 170 ; HeightRequest: 30 ; Ratio: 0.9" FontSize="12" HorizontalOptions="Start"/>
            <views:LabelOutline Text="Machin"
                                Stroke="Red"
                                Fill="Yellow"
                                StrokeWidth="1"
                                HeightRequest="30"
                                WidthRequest="200"
                                FontFamily="Equestria"
                                TextSize="170"
                                Aspect="Center"
                                BackgroundColor="DarkSalmon"
                                Ratio="0.9"/>

            <Label Text="Aspect: Center ; TextSize: 50 ; HeightRequest: 50 ; Ratio: 0.9" FontSize="12" HorizontalOptions="Start"/>
            <views:LabelOutline Text="Truc"
                                Stroke="Red"
                                Fill="Yellow"
                                StrokeWidth="1"
                                HeightRequest="50"
                                WidthRequest="200"
                                FontFamily="Equestria"
                                TextSize="50"
                                Aspect="Center"
                                BackgroundColor="DarkSalmon"
                                Ratio="0.9"/>

            <Label Text="Binding"/>
            <Grid ColumnDefinitions="*,*">
                <views:LabelOutline Text="{Binding Text}"
                                    Stroke="Red"
                                    Fill="Yellow"
                                    StrokeWidth="{Binding StrokeWidth}"
                                    HeightRequest="50"
                                    FontFamily="{Binding FontFamily}"
                                    TextSize="50"
                                    Aspect="Center"
                                    BackgroundColor="DarkSalmon"
                                    Ratio="0.9"/>
                <VerticalStackLayout Grid.Column="1">
                    <Entry Text="{Binding Text}"/>
                    <Stepper Maximum="5" Minimum="0" Value="{Binding StrokeWidth}"/>
                    <Picker SelectedItem="{Binding FontFamily}">
                        <Picker.ItemsSource>
                            <x:Array Type="{x:Type x:String}">
                            <x:String>OpenSansRegular</x:String>
                            <x:String>Equestria</x:String>
                            </x:Array>
                        </Picker.ItemsSource>
                    </Picker>
                </VerticalStackLayout>
            </Grid>
            

        </VerticalStackLayout>
    </ScrollView>
</ContentPage>
