在ViewportControl WP8中移动对象

Question

我正在使用ViewportControl滚动并放大和缩小我的地图。 在这张地图中，我有一个绿色的椭圆形，我希望它能够移动。 以前我使用ScrollViewer设置ScrollViewer的manipulationMode来控制，从而使它能够移动我的椭圆。 但是我找不到类似于ViewportControl的方法。 那么有一种方法可以移动我的椭圆吗？

我到目前为止的代码是：

我在我的地图周围有我的ViewportControl的xaml部分

   <ViewportControl x:Name="ViewPortTestTest" Bounds="0,0,1271,1381.5" Height="480" Width="800" Canvas.ZIndex="1" Grid.Row="1">
        <ViewportControl.RenderTransform>
            <CompositeTransform x:Name="myTransformTest"/>
        </ViewportControl.RenderTransform>

        <View:Map x:Name="ZoomableContent" >
            <View:Map.RenderTransform>
                <CompositeTransform x:Name="myTransform" />
                <!-- ScaleX="{Binding Map.imageScale}" ScaleY="{Binding Map.imageScale}"/>-->
            </View:Map.RenderTransform>
        </View:Map>
    </ViewportControl>

它是在我添加椭圆的地图中。 我操纵椭圆的viewModel

public void ManStart(ManipulationStartedEventArgs e)
    {

        e.Handled = true;

        ViewportControl VP = FindParentOfType<ViewportControl>(ChampViewModelSel);


       }
    }

    public void ManDelta(ManipulationDeltaEventArgs e)
    {
        e.Handled = true;


        Point fingerPosition = e.DeltaManipulation.Translation;

        Temp.x = fingerPosition.X;
        Temp.y = fingerPosition.Y;

        }
    }

其中Temp.x和Temp.y是椭圆的新位置。

Answer 1

我认为您可以尝试使用XNA中的TouchPanel和Touch.FrameReported事件来实现此目的。 可能Map和VieportControl处理操作事件，因此它不会触发您的代码。

在我的提议中， Touch_FrameReported将在每次触摸屏幕时被触发，因此我们只需要检查我们需要的情况 - 这里是IsGestureAvailable和TouchAction 。 简单的代码可能如下所示：

public MainPage()
{
    InitializeComponent();
    TouchPanel.EnabledGestures = GestureType.FreeDrag;
    Touch.FrameReported += Touch_FrameReported;
}

private void Touch_FrameReported(object sender, TouchFrameEventArgs e)
{
    if (TouchPanel.IsGestureAvailable) // check only dragging 
    {
       // get point relative to Viewport
       TouchPoint mainTouch = e.GetPrimaryTouchPoint(ViewPortTestTest);
       // check if drag has completed (key up)
       if (mainTouch.Action == TouchAction.Up)
       {
          Temp.x = mainTouch.Position.X;
          Temp.y = mainTouch.Position.Y;
       }
    }
}

您可以在MSDN和此博客上阅读有关手势的更多信息。

您还可以检查其他GestureTypes，例如检查TouchAction.Down和用户是否单击了您的Ellipse。

这些方法为您提供了阅读TouchPoints及其Actions许多可能性，因此它可能会有所帮助。

---

我花了一段时间才找到了如何禁用Vieport的方法。 我已经找到了一点“黑客”，如果你的VieportControl只是水平或垂直（有锁属性，但两者都不起作用）会更容易。 这是一个小的'hack'，它应该禁用水平和垂直滚动：

Rect originalBounds = new Rect();
private void Touch_FrameReported(object sender, TouchFrameEventArgs e)
{
    TouchPoint myTouchPoint = e.GetPrimaryTouchPoint(ViewPortTestTest);
   // disable scrolling
   if (myTouchPoint.Action == TouchAction.Down) // here probably some other statement like if user hit ellipse
   {
       originalBounds = ViewPortTestTest.Bounds;
       ViewPortTestTest.Bounds = ViewPortTestTest.Viewport; // set current view as Bounds
   }

    // more logic

   // enable once again
   if (myTouchPoint.Action == TouchAction.Up)
        ViewPortTestTest.Bounds = originalBounds;
}

当我想禁用滚动时 - 我将VieportControl的边界设置为当前视图（我记得原始视图）。 当我想启用滚动时 - 我带回原始边界。

正如我测试它 - 它正在工作 - 当然它需要更多的逻辑来锁定if语句，以便它不会每次触摸屏幕时锁定。