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;
       }
    }
}

您可以详细了解手势here at MSDN和on this blog。

您还可以查看其他GestureTypes，例如检查TouchAction.Down是否用户点击了您的椭圆。

这些方法为您提供了阅读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语句时需要更多逻辑，因此每次触摸屏幕时它都不会锁定。

在ViewportControl WP8中移动对象

1 个答案: