<Page
    x:Class="SimpleApp.Examples11_17"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:SimpleApp"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
        <Grid HorizontalAlignment="Left" VerticalAlignment="Top" Width="390" Height="390" Margin="10,220,0,0">
            <!-- Listing 19-11 -->
            <Canvas>

                <Ellipse Canvas.Left="20" Canvas.Top="20" Width="350" Height="350"
                         Fill="Yellow" Stroke="Black" StrokeThickness="2"/>
                <Ellipse Canvas.Left="90" Canvas.Top="94" Width="70" Height="70"
                         Fill="Black" />
                <Ellipse Canvas.Left="240" Canvas.Top="94" Width="70" Height="70"
                         Fill="Black" />
                <Path Canvas.Top="220" Canvas.Left="120"
                      StrokeThickness="15" Stroke="Black"
                      StrokeStartLineCap="Round" StrokeEndLineCap="Round"
                      Data="M0,0 C0,100 150,100 150,0" />

            </Canvas>

        </Grid>
        
        <!-- Listing 19-12 -->
        <StackPanel Orientation="Horizontal" VerticalAlignment="Top">
            <Button Content="OK" VerticalAlignment="Stretch" />
            <Button Content="OK" FontSize="50" VerticalAlignment="Stretch" />
            <Button Content="OK" FontSize="30" VerticalAlignment="Stretch" />
            <Button Content="OK" FontSize="20" VerticalAlignment="Stretch" />
        </StackPanel>

        <Grid HorizontalAlignment="Left" VerticalAlignment="Top" Width="400" Height="200" Margin="365,22,0,0">
            <!-- Listing 19-13 -->
            <Grid Background="#FFDEDEDE">
                <StackPanel Margin="50,50,0,0" Orientation="Vertical"
                HorizontalAlignment="Left" VerticalAlignment="Top">

                    <StackPanel Orientation="Horizontal">
                        <TextBlock Text="Nazwa użytkownika" FontSize="14.667" Foreground="Black"
                       Width="130" VerticalAlignment="Center" />
                        <TextBox x:Name="usernameText"
                     Width="150"  Margin="10,10,10,10" />
                    </StackPanel>

                    <StackPanel Orientation="Horizontal">
                        <TextBlock Text="Hasło" FontSize="14.667" Foreground="Black"
                       Width="130" VerticalAlignment="Center" />
                        <PasswordBox x:Name="passwordText"
                         Width="150" Margin="10,10,10,10" />
                    </StackPanel>

                </StackPanel>
            </Grid>
        </Grid>
        <Grid HorizontalAlignment="Left" VerticalAlignment="Top" Width="350" Height="200" Margin="841,22,0,0">
            <!-- Listing 19-14 -->
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition />
                    <ColumnDefinition />
                    <ColumnDefinition />
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition />
                    <RowDefinition />
                </Grid.RowDefinitions>

                <Rectangle Fill="Black" Grid.Row="1" Grid.Column="0" />
                <Rectangle Fill="Black" Grid.Row="0" Grid.Column="1" />
                <Rectangle Fill="Black" Grid.Row="1" Grid.Column="2" />
            </Grid>
        </Grid>

        <Grid HorizontalAlignment="Left" VerticalAlignment="Top" Margin="942,292,0,0">
            <!-- Listing 19-15 -->
            <Grid Width="150" Height="100">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition />
                    <ColumnDefinition />
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition />
                    <RowDefinition />
                </Grid.RowDefinitions>

                <Rectangle Fill="Yellow" Stroke="Black" Grid.Row="1" Grid.Column="0" />
                <TextBlock Text="Prostokąt" Grid.Row="1" Grid.Column="0"
               HorizontalAlignment="Center" VerticalAlignment="Center" />
                <Ellipse Fill="Cyan" Stroke="Black" Grid.Row="0" Grid.Column="1" />
                <TextBlock Text="Elipsa" Grid.Row="0" Grid.Column="1"
               HorizontalAlignment="Center" VerticalAlignment="Center" />
                <Path Fill="Orange" Stroke="Black" Grid.Row="1" Grid.Column="2"
          Stretch="Fill" Data="M0,1 L2,1 1,0z" />
                <TextBlock Text="Trójkąt" Grid.Row="1" Grid.Column="2" Margin="3"
               HorizontalAlignment="Center" VerticalAlignment="Bottom" />
            </Grid>
        </Grid>

        <Grid HorizontalAlignment="Left" VerticalAlignment="Top" Margin="456,289,0,0" Width="350">
            <!-- Listing 19-16 -->
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition />
                    <ColumnDefinition />
                </Grid.ColumnDefinitions>

                <Rectangle Grid.ColumnSpan="2" RadiusX="15" RadiusY="15"
               Fill="LightGray" Stroke="Black" />

                <TextBlock Text="Nazwa użytkownika" FontSize="14.667" Foreground="Black"
                       Width="130" VerticalAlignment="Center" />
                <TextBox x:Name="usernameText2" Grid.Column="1"
                     Width="150"  Margin="10,10,10,10" />
            </Grid>
        </Grid>

        <Grid HorizontalAlignment="Left" VerticalAlignment="Top" Margin="456,384,0,0" Width="350">
            <!-- Listing 19-17 -->
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto" />
                    <ColumnDefinition />
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition />
                    <RowDefinition />
                </Grid.RowDefinitions>

                <TextBlock Text="Nazwa użytkownika" FontSize="14.667" Foreground="Black"
               VerticalAlignment="Center" />
                <TextBox x:Name="usernameText3" Grid.Column="1" Margin="10,10,10,10" />

                <TextBlock Text="Hasło" FontSize="14.667" Foreground="Black"
               VerticalAlignment="Center" Grid.Row="1" />
                <TextBox x:Name="passwordText3" Grid.Column="1" Grid.Row="1"
                     Margin="10,10,10,10" />
            </Grid>
        </Grid>
    </Grid>
</Page>