C# 示例中 Windows的触摸手势 (MTGesturesCS)

本部分介绍 C# 中的Windows触摸手势示例。

本Windows触摸手势示例演示如何使用手势消息通过处理WM_GESTURE消息来翻译、旋转和缩放图形设备接口 (GDI) 呈现的框。 以下屏幕截图显示了示例在运行时的外观。

screen shot showing the windows touch gestures in c sharp sample when it is running, with a black-outlined white rectangle centered on the screen

对于此示例,手势消息将传递给手势引擎,然后调用绘图对象上的方法来转换、旋转和缩放具有处理这些命令的方法的对象。 若要在 C# 中实现此操作,将创建特殊窗体 TouchableForm 来处理手势消息。 然后,此窗体使用消息对绘图对象 DrawingObject 进行更改,以更改对象在画图方法中的呈现方式。

为了帮助说明示例的工作原理,请考虑使用平移命令转换呈现框的步骤。 用户执行平移手势,生成具有手势标识符 的WM_GESTURE 消息GID_PAN。 TouchableForm 处理此消息并更新绘图对象的位置,然后对象将呈现自己翻译。

下面的代码演示如何手势处理程序从 WM_GESTURE 消息中检索参数,然后通过调用绘图对象的移动方法对呈现的框执行转换。

            switch (gi.dwID)
            {
                case GID_BEGIN:
                case GID_END:
                    break;
               (...)
                case GID_PAN:
                    switch (gi.dwFlags)
                    {
                        case GF_BEGIN:
                            _ptFirst.X = gi.ptsLocation.x;
                            _ptFirst.Y = gi.ptsLocation.y;
                            _ptFirst = PointToClient(_ptFirst);
                            break;

                        default:
                            // We read the second point of this gesture. It is a
                            // middle point between fingers in this new position
                            _ptSecond.X = gi.ptsLocation.x;
                            _ptSecond.Y = gi.ptsLocation.y;
                            _ptSecond = PointToClient(_ptSecond);

                            // We apply move operation of the object
                            _dwo.Move(_ptSecond.X - _ptFirst.X, _ptSecond.Y - _ptFirst.Y);

                            Invalidate();

                            // We have to copy second point into first one to
                            // prepare for the next step of this gesture.
                            _ptFirst = _ptSecond;
                            break;
                    }
                    break;

以下代码演示绘图对象的移动方法如何更新内部位置变量。

        public void Move(int deltaX,int deltaY)
        {
            _ptCenter.X += deltaX;
            _ptCenter.Y += deltaY;
        }

以下代码演示如何在绘图对象的油漆方法中使用位置。

public void Paint(Graphics graphics)
        {
(...)
            for (int j = 0; j < 5; j++)
            {
                int idx = arrPts[j].X;
                int idy = arrPts[j].Y;

                // rotation
                arrPts[j].X = (int)(idx * dCos + idy * dSin);
                arrPts[j].Y = (int)(idy * dCos - idx * dSin);

                // translation
                arrPts[j].X += _ptCenter.X;
                arrPts[j].Y += _ptCenter.Y;
            }
(...)
        }

平移手势将导致绘制框呈现为翻译。

多触摸手势应用程序 (C#) 多触摸手势应用程序 (C++) Windows触摸示例