Question

我遇到了一些问题，希望有人能回答这个问题。我有一个Deep Zoom项目，我使用了标准（深度缩放编辑器）项目，该项目在MultiScaleImage控件上放置了DeepZommInitializer行为。我正在尝试约束拖动以确保用户不会将图像拖离屏幕（因此无法找到图像）。我确实添加了一个Home按钮，它将图像以1的缩放比例返回到起始位置。无论如何，这是我目前的代码（已经在网上寻找答案）。

        // msi is the multiscale image
        msi.MouseLeftButtonDown += delegate(object sender, MouseButtonEventArgs e)
        {
            lastMouseDownPos = e.GetPosition(msi); // class level var
            lastMouseViewPort = msi.ViewportOrigin; // class level var

            mouseDown = true; // class level var

            msi.CaptureMouse();
        };

        msi.MouseMove += delegate(object sender, MouseEventArgs e)
        {
            lastMousePos = e.GetPosition(msi);

            if (duringDrag) 
            {
                Point newPoint = lastMouseViewPort;

                newPoint.X += (lastMouseDownPos.X - lastMousePos.X) / msi.ActualWidth * msi.ViewportWidth;
                newPoint.Y += (lastMouseDownPos.Y - lastMousePos.Y) / msi.ActualWidth * msi.ViewportWidth;

                var limits = new Rect(new Point(1, 1 / msi.AspectRatio), new Point(-1, -1 / msi.AspectRatio));

                if (newPoint.X > limits.Right * .999)
                {
                    newPoint.X += (-2 * (lastMouseDownPos.X - lastMousePos.X)) / msi.ActualWidth * msi.ViewportWidth; // Reverses direction when going off left

                }

                if (newPoint.Y > limits.Bottom * .999)
                {
                    newPoint.Y += (-2 * (lastMouseDownPos.Y - lastMousePos.Y)) / msi.ActualWidth * msi.ViewportWidth; // Reverses direction when going off top of screen
                }

                msi.ViewportOrigin = lastMouseViewPort = newPoint;
                lastMouseDownPos = lastMousePos;
            }
        };

我真的需要一个适用于右下角的解决方案，但我放大所有值的那一刻都会发生变化。如果缩放级别为1，我的限制代码可以工作。我无法相信这在互联网上无处可寻！但是当缩放发生变化时，一切都会从窗口中消失（newPoint的值不在我期望的范围内）。任何帮助都会很棒！

Answer 1

就像我自己想出来的那样（最后几周之后）。

这是答案（简单地更改鼠标移动事件如下）：

        msi.MouseMove += delegate(object sender, MouseEventArgs e)
        {
            lastMousePos = e.GetPosition(msi);

            if (duringDrag) 
            {
                Point newPoint = lastMouseViewPort;

                newPoint.X += (lastMouseDownPos.X - lastMousePos.X) / msi.ActualWidth * msi.ViewportWidth;
                newPoint.Y += (lastMouseDownPos.Y - lastMousePos.Y) / msi.ActualWidth * msi.ViewportWidth;
                var limits = new Rect(new Point(1, 1 / msi.AspectRatio), new Point(-1 / Settings.ZoomLevel, -1 / msi.AspectRatio / Settings.ZoomLevel));

                if (newPoint.X < limits.Left * .999)
                {
                    newPoint.X += (-2*(lastMouseDownPos.X - lastMousePos.X)) / msi.ActualWidth * msi.ViewportWidth;  // we went off right so reverse X direction

                }
                if (newPoint.X > limits.Right * .999)
                {
                    newPoint.X += (-2 * (lastMouseDownPos.X - lastMousePos.X)) / msi.ActualWidth * msi.ViewportWidth; // we went off left so reverse X direction
                }
                if (newPoint.Y < limits.Top * .999)
                {
                    newPoint.Y += (-2*(lastMouseDownPos.Y - lastMousePos.Y)) / msi.ActualWidth * msi.ViewportWidth;  // we went off Bottom so reverse direction
                }
                if (newPoint.Y > limits.Bottom * .999)
                {
                    newPoint.Y += (-2 * (lastMouseDownPos.Y - lastMousePos.Y)) / msi.ActualWidth * msi.ViewportWidth; // we went off Top so reverse direction
                }
                msi.ViewportOrigin = lastMouseViewPort = newPoint;
                lastMouseDownPos = lastMousePos;

                msi.SendMovedZoomMsg(Settings.ZoomLevel, newPoint, myClassName);
            }
        };

这可能不会完全限制图像，但会将其保留在屏幕上，而且用户可能会停止尝试向错误的方向移动

Answer 2

我相信以下代码正确地确定ViewportOrigin是否在屏幕上留下了图像的某些部分。（ImageCtrl是MultiScaleImage的类变量）。

    private bool IsValidOrigin(Point point)
{
  var limits = new Rect(
                 new Point(-0.95 * ImageCtrl.ViewportWidth, -0.85 * ImageCtrl.ViewportWidth/ ImageCtrl.AspectRatio), 
                 new Point(0.95, 0.85/ImageCtrl.AspectRatio));
  return limits.Contains(point);
}

Silverlight深度缩放拖动可以将MultiScale图像拖出屏幕

2 个答案: