Question

我有一个小的未修饰的xaml窗口用于触摸屏。用户必须能够使用触摸和拖动来移动窗口。目前在触摸和拖动时，窗口向拖动方向移动，但只是部分方向;并且似乎有两个窗口而不是一个窗口，使得触摸和拖动看起来很跳跃。

此行为体现在开发系统（使用Visual Studio Professional 2015的Surface Pro 3）以及生产系统（Windows 7，无键盘或鼠标）上。

我将此C＃基于Microsoft的SVG specification。

using System.Windows;
using System.Windows.Input;

namespace XAMLApp
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private TouchDevice windowTouchDevice;
        private Point lastPoint;

        private void Circle_TouchUp(object sender, TouchEventArgs e)
        {
            // Do stuff.
        }

        private void Window_TouchDown(object sender, TouchEventArgs e)
        {
            e.TouchDevice.Capture(this);

            if (windowTouchDevice == null)
            {
                windowTouchDevice = e.TouchDevice;
                lastPoint = windowTouchDevice.GetTouchPoint(null).Position;
            }

            e.Handled = true;
        }

        private void Window_TouchMove(object sender, TouchEventArgs e)
        {
            if (e.TouchDevice == windowTouchDevice)
            {
                var currentTouchPoint = windowTouchDevice.GetTouchPoint(null);

                var deltaX = currentTouchPoint.Position.X - lastPoint.X;
                var deltaY = currentTouchPoint.Position.Y - lastPoint.Y;

                Top += deltaY;
                Left += deltaX;

                lastPoint = currentTouchPoint.Position;

                e.Handled = true;
            }
        }

        private void Window_TouchLeave(object sender, TouchEventArgs e)
        {
            if (e.TouchDevice == windowTouchDevice)
                windowTouchDevice = null;

            e.Handled = true;
        }
    }
}

这里是窗口的一些xaml。

<Window x:Name="AppWindow" x:Class="XAMLApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:XAMLApp"
        mc:Ignorable="d"
        Title="XAML Application"
        Height="25" Width="25"
        AllowsTransparency="True" WindowStyle="None" ResizeMode="NoResize"
        ScrollViewer.VerticalScrollBarVisibility="Hidden" ScrollViewer.HorizontalScrollBarVisibility="Hidden"
        ShowInTaskbar="False" ToolTip="XAML Application" Topmost="True" UseLayoutRounding="True"
        MaxHeight="25" MaxWidth="25" MinHeight="25" MinWidth="25"
        Left="0" Top="0" Background="Transparent"
        TouchDown="Window_TouchDown"
        TouchMove="Window_TouchMove"
        TouchLeave="Window_TouchLeave">
    <Grid>
        <Ellipse x:Name="Circle" Fill="Black" HorizontalAlignment="Left"
                 Height="24" Margin="0" Stroke="Black" VerticalAlignment="Top"
                 Width="24" ScrollViewer.HorizontalScrollBarVisibility="Hidden" ScrollViewer.VerticalScrollBarVisibility="Hidden"
                 TouchUp="Circle_TouchUp" />
    </Grid>
</Window>

我尝试用Grid替换Canvas。这没有任何区别。我也尝试过使用Manipulation作为example。当我试图拖动窗口时，我被告知窗口的转换无效。

如何使用鼠标左键单击并拖动来使触摸和拖动与DragMove()的行为相同？

Answer 1

通过TouchPoint方法检索的TouchDevice.GetTouchPoint以及窗口的Top和Left属性不共享相同的坐标系。您需要做的就是将检索到的X和Y值转换为屏幕坐标：

private void Window_TouchMove(object sender, TouchEventArgs e)
{
    if (e.TouchDevice == windowTouchDevice)
    {
        var currentTouchPoint = windowTouchDevice.GetTouchPoint(null);

        var locationOnScreen = this.PointToScreen(new Point(currentTouchPoint.Position.X, currentTouchPoint.Position.Y));

        var deltaX = locationOnScreen.X - lastPoint.X;
        var deltaY = locationOnScreen.Y - lastPoint.Y;

        Top += deltaY;
        Left += deltaX;

        lastPoint = locationOnScreen;

        e.Handled = true;
    }
}

修改

当然，关于不同坐标系的事情适用于整个项目，因此需要以类似的方式调整Window_TouchDown事件处理程序方法：

private void Window_TouchDown(object sender, TouchEventArgs e) { e.TouchDevice.Capture(this); if (windowTouchDevice == null) { windowTouchDevice = e.TouchDevice; var currentTouchPoint = windowTouchDevice.GetTouchPoint(null); var locationOnScreen = this.PointToScreen(new Point(currentTouchPoint.Position.X, currentTouchPoint.Position.Y)); lastPoint = locationOnScreen; } e.Handled = true; }

Answer 2

而不是

Top += deltaY;
Left += deltaX;

我只是需要

Top += currentTouchPoint.Position.Y;
Left += currentTouchPoint.Position.X;

呃。

使用C＃TouchMove跳转和不完整的XAML窗口拖动

2 个答案: