Scenario2.xaml

<!--
//*********************************************************
//
// Copyright (c) Microsoft. All rights reserved.
// This code is licensed under the Microsoft Public License.
// THIS CODE IS PROVIDED *AS IS* WITHOUT WARRANTY OF
// ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY
// IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR
// PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.
//
//*********************************************************
-->
<common:LayoutAwarePage
    x:Class="Input.Scenario2"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:Input"
    xmlns:common="using:SDKTemplate.Common"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

  <Grid x:Name="LayoutRoot" Background="White">
    <Grid.RowDefinitions>
      <RowDefinition Height="Auto"/>
      <RowDefinition Height="*"/>
    </Grid.RowDefinitions>
    <Grid x:Name="Input" Grid.Row="0">
      <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="Auto"/>
      </Grid.RowDefinitions>
      <TextBlock x:Name="InputTextBlock1" Grid.Row="0" TextWrapping="Wrap" Style="{StaticResource BasicTextStyle}" HorizontalAlignment="Left">
                The demonstration below uses pointer events (entered and exited) to update visual state, and pointer capture to capture multiple devices.
      </TextBlock>
    </Grid>

    <Grid x:Name="Output" HorizontalAlignment="Left" VerticalAlignment="Top" Grid.Row="1">
      <!--<snippetScenario2Xaml>-->
      <StackPanel x:Name="Scenario2Output" ManipulationMode="All">
        <StackPanel Orientation="Horizontal" Margin="0,10,0,0">
          <Button x:Name="scenario2Reset" Content="Reset" 
            Margin="0,0,10,0" Click="Scenario2Reset"/>
        </StackPanel>
        <StackPanel Orientation="Horizontal" >
          <ToggleSwitch x:Name="tbPointerCapture" 
            Header="Pointer Capture" FontSize="20"/>
          <TextBlock x:Name="txtCaptureStatus" 
            Style="{StaticResource BasicTextStyle}"/>
        </StackPanel>
        <Border x:Name="bEnteredExited" Background="Red" 
          Height="300" Width="450" CornerRadius="20" 
          HorizontalAlignment="Left">
          <Grid>
            <TextBlock Style="{StaticResource BasicTextStyle}" Text="" 
              HorizontalAlignment="Center" VerticalAlignment="Center" 
              x:Name="bEnteredExitedTextBlock"/>
            <Ellipse VerticalAlignment="Bottom" Stroke="Silver" 
              StrokeDashArray="2,2" StrokeThickness="2" Margin="2" 
              x:Name="bEnteredExitedTimer" Width="20" Height="20" 
              RenderTransformOrigin="0.5,0.5">
              <Ellipse.RenderTransform >
                <RotateTransform Angle="0" />
              </Ellipse.RenderTransform>
            </Ellipse>
          </Grid>
        </Border>
      </StackPanel>
      <!--</snippetScenario2Xaml>-->
    </Grid>

    <!-- Add Storyboards to the visual states below as necessary for supporting the various layouts -->
    <VisualStateManager.VisualStateGroups>
      <VisualStateGroup>
        <VisualState x:Name="FullScreenLandscape"/>
        <VisualState x:Name="Filled"/>
        <VisualState x:Name="FullScreenPortrait"/>
        <VisualState x:Name="Snapped"/>
      </VisualStateGroup>
    </VisualStateManager.VisualStateGroups>

  </Grid>
</common:LayoutAwarePage>