<!-- DashExample.xaml 
     This example shows how to create linear and radial gradients. -->
<Page 
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
  Title="Dash Example">
  <Grid Margin="10">
    <Grid.ColumnDefinitions>
      <ColumnDefinition  />
      <ColumnDefinition  />
      <ColumnDefinition  />
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
      <RowDefinition Height="Auto" />
      <RowDefinition Height="20" />
      <RowDefinition Height="Auto" />
      <RowDefinition Height="Auto" />
      <RowDefinition Height="20" />
      <RowDefinition Height="Auto" />
      <RowDefinition Height="Auto" />
      <RowDefinition Height="Auto" />
      <RowDefinition Height="*" />
      <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>


    <Border Background="{StaticResource blueHorizontalGradientBrush}" 
      Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="3">
      <TextBlock Style="{StaticResource MyIntroTextBlockStyle}">
        The following examples show how to use dashes and offsets on a stroke to make dashed borders.
      </TextBlock>
    </Border>

    <TextBlock Grid.Row="2" Grid.Column="0" Margin="0,0,10,0">
      <Bold>StrokeDashArray</Bold>: 4,2<LineBreak/>
      <Bold>StrokeDashOffset</Bold>: 0<LineBreak/>
    </TextBlock>
    <Rectangle Grid.Row="3" Grid.Column="0" Width="150" Height="150"
               StrokeDashArray="4 2" StrokeDashOffset="0"
               Stroke="Black" StrokeThickness="3" Fill="Blue">
    </Rectangle>

    <TextBlock Grid.Row="2" Grid.Column="1" Margin="0,0,10,0">
      <Bold>StrokeDashArray</Bold>: 4,2<LineBreak/>
      <Bold>StrokeDashOffset</Bold>: 1<LineBreak/>
    </TextBlock>
    <Rectangle Grid.Row="3" Grid.Column="1" Width="150" Height="150"
               StrokeDashArray="4 2" StrokeDashOffset="1"
               Stroke="Black" StrokeThickness="3" Fill="Blue">
    </Rectangle>

    <TextBlock Grid.Row="2" Grid.Column="2" >
      <Bold>StrokeDashArray</Bold>: 4,2<LineBreak/>
      <Bold>StrokeDashOffset</Bold>: 2<LineBreak/>
    </TextBlock>
    <Rectangle Grid.Row="3" Grid.Column="2" Width="150" Height="150"
               StrokeDashArray="4 2" StrokeDashOffset="2"
               Stroke="Black" StrokeThickness="3" Fill="Blue">
    </Rectangle>

    <TextBlock Grid.Row="5" Grid.Column="0" >
      <Bold>StrokeDashArray</Bold>: 4,1,4,3<LineBreak/>
      <Bold>StrokeDashOffset</Bold>: 1<LineBreak/>
    </TextBlock>
    <Ellipse Grid.Row="6" Grid.Column="0" Width="150" Height="150"
               StrokeDashArray="4 1 4 3" StrokeDashOffset="1"
               Stroke="Black" StrokeThickness="3" Fill="Blue">
    </Ellipse>

    <TextBlock Grid.Row="5" Grid.Column="1" >
      <Bold>StrokeDashArray</Bold>: 1,4,1,2<LineBreak/>
      <Bold>StrokeDashOffset</Bold>: 1<LineBreak/>
    </TextBlock>
    <Ellipse Grid.Row="6" Grid.Column="1" Width="150" Height="150"
               StrokeDashArray="1 4 1 2" StrokeDashOffset="1"
               Stroke="Black" StrokeThickness="3" Fill="Blue">
    </Ellipse>

    <TextBlock Grid.Row="5" Grid.Column="2" >
      <Bold>StrokeDashArray</Bold>: 1<LineBreak/>
      <Bold>StrokeDashOffset</Bold>: 1<LineBreak/>
    </TextBlock>
    <Ellipse Grid.Row="6" Grid.Column="2" Width="150" Height="150"
             StrokeDashArray="1" StrokeDashOffset="1"
             Stroke="Black" StrokeThickness="3" Fill="Blue">
    </Ellipse>

    <Rectangle Style="{StaticResource footerRectangleStyle}" 
       Grid.Row="8" Grid.Column="0" Grid.ColumnSpan="3"
       Fill="{StaticResource blueHorizontalGradientBrush}"/>
  </Grid>
</Page>
