<Window x:Class="EventRouting.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="EventExamples" Height="300" Width="300"
    >
    <Grid HorizontalAlignment="Center" VerticalAlignment="Center">
      
      <!-- Example 4-1. Handling events in a user interface tree -->
      <Button PreviewMouseDown="PreviewMouseDownButton"
      MouseDown="MouseDownButton">

        <Grid PreviewMouseDown="PreviewMouseDownGrid"
              MouseDown="MouseDownGrid">
          <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition />
          </Grid.ColumnDefinitions>

          <Canvas PreviewMouseDown="PreviewMouseDownCanvas"
                  MouseDown="MouseDownCanvas"
                  Width="20" Height="18" VerticalAlignment="Center">

            <Ellipse PreviewMouseDown="PreviewMouseDownEllipse"
                     MouseDown="MouseDownEllipse"
                     x:Name="myEllipse"
                     Canvas.Left="1" Canvas.Top="1" Width="16" Height="16"
                     Fill="Yellow" Stroke="Black" />

            <Ellipse Canvas.Left="4.5" Canvas.Top="5" Width="2.5" Height="3"
                     Fill="Black" />
            <Ellipse Canvas.Left="11" Canvas.Top="5" Width="2.5" Height="3"
                     Fill="Black" />
            <Path Data="M 5,10 A 3,3 0 0 0 13,10" Stroke="Black" />
          </Canvas>

          <TextBlock Grid.Column="1">Click!</TextBlock>
        </Grid>
      </Button>

      <!-- End of Example 4-1. -->
    </Grid>
</Window>
