Avalonia/samples/ControlCatalog/Pages/GesturePage.xaml

<UserControl xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             d:DesignHeight="800"
             d:DesignWidth="400"
             x:Class="ControlCatalog.Pages.GesturePage">
  <StackPanel Orientation="Vertical"
              Spacing="4">
    <TextBlock FontWeight="Bold"
               FontSize="18"
               Margin="5">Pull Gexture (Touch / Pen)</TextBlock>
    <TextBlock Margin="5">Pull from colored rectangles</TextBlock>
    <Border>
      <DockPanel HorizontalAlignment="Stretch"
                 ClipToBounds="True"
                 Margin="5"
                 Height="200">
        <Border DockPanel.Dock="Top"
                Margin="2"
                Name="TopPullZone"
                Background="Transparent"
                BorderBrush="Red"
                HorizontalAlignment="Stretch"
                Height="50"
                BorderThickness="1">
          <Border.GestureRecognizers>
            <PullGestureRecognizer PullDirection="TopToBottom"/>
          </Border.GestureRecognizers>
          <Border Width="10"
                  Height="10"
                  HorizontalAlignment="Center"
                  VerticalAlignment="Center"
                  CornerRadius="5"
                  Name="TopBall"
                  Background="Green"/>
        </Border>
        <Border DockPanel.Dock="Bottom"
                BorderBrush="Green"
                Margin="2"
                Background="Transparent"
                Name="BottomPullZone"
                HorizontalAlignment="Stretch"
                Height="50"
                BorderThickness="1">
          <Border.GestureRecognizers>
            <PullGestureRecognizer PullDirection="BottomToTop"/>
          </Border.GestureRecognizers>
          <Border Width="10"
                  Name="BottomBall"
                  HorizontalAlignment="Center"
                  VerticalAlignment="Center"
                  Height="10"
                  CornerRadius="5"
                  Background="Green"/>
        </Border>
        <Border DockPanel.Dock="Right"
                Margin="2"
                Background="Transparent"
                Name="RightPullZone"
                BorderBrush="Blue"
                HorizontalAlignment="Right"
                VerticalAlignment="Stretch"
                Width="50"
                BorderThickness="1">
          <Border.GestureRecognizers>
            <PullGestureRecognizer PullDirection="RightToLeft"/>
          </Border.GestureRecognizers>
          <Border Width="10"
                  Height="10"
                  Name="RightBall"
                  HorizontalAlignment="Center"
                  VerticalAlignment="Center"
                  CornerRadius="5"
                  Background="Green"/>

        </Border>
        <Border DockPanel.Dock="Left"
                Margin="2"
                Background="Transparent"
                Name="LeftPullZone"
                BorderBrush="Orange"
                HorizontalAlignment="Left"
                VerticalAlignment="Stretch"
                Width="50"
                BorderThickness="1">
          <Border.GestureRecognizers>
            <PullGestureRecognizer PullDirection="LeftToRight"/>
          </Border.GestureRecognizers>
          <Border Width="10"
                  Height="10"
                  Name="LeftBall"
                  HorizontalAlignment="Center"
                  VerticalAlignment="Center"
                  CornerRadius="5"
                  Background="Green"/>

        </Border>
      </DockPanel>
    </Border>

    <TextBlock FontWeight="Bold"
               FontSize="18"
               Margin="5">Pinch/Zoom Gexture (Multi Touch)</TextBlock>
    <Border ClipToBounds="True">
      <Image Stretch="UniformToFill"
             Margin="5"
             Name="PinchImage"
             Source="/Assets/delicate-arch-896885_640.jpg">
        <Image.GestureRecognizers>
          <PinchGestureRecognizer/>
          <ScrollGestureRecognizer CanHorizontallyScroll="True" CanVerticallyScroll="True"/>
        </Image.GestureRecognizers>
      </Image>
    </Border>
    <Button HorizontalAlignment="Center" Name="ResetButton">Reset</Button>
  </StackPanel>
</UserControl>