Question

按照此处链接中的说明How to create draggable pin in windows 10 to give pick location functionality? 我有一个半工作的拖针。

目前地图图钉（网格）从地图上的正确位置开始，但是，在拖动地图图钉时，图钉最初弹出到屏幕的左上角（0,0）并开始从此处拖动。在放下引脚时，它似乎已与地图元素本身断开连接，因为您可以滚动地图并将引脚保留在屏幕上。

我正在使用带有自定义地图渲染器的Xamarin.Forms。在原始示例之后，地图仍会随着引脚拖动而平移，我通过在Grid_ManipuationStarted上禁用平移来更正此问题。问题似乎与Grid_ManipulationDelta函数有关，因为这是从MapControl子节点中删除Grid。

我已将该问题的视频上传到YouTube。在此处找到：https://youtu.be/uUkB5Pi5MnA

我的代码如下：

    void IMapControls.startDraggable(Location l) {
        // Create the XAML
        var grid = new Windows.UI.Xaml.Controls.Grid {
            Height=50,
            Width=32,
            Background = new ImageBrush() { ImageSource= new BitmapImage(new Uri("ms-appx:///pin.png",UriKind.RelativeOrAbsolute)),Stretch = Stretch.Uniform },
        };
        grid.ManipulationMode = ManipulationModes.TranslateX|ManipulationModes.TranslateY;
        grid.ManipulationCompleted += Grid_ManipulationCompleted;
        grid.ManipulationStarted += Grid_ManipuationStarted;
        grid.ManipulationDelta += Grid_ManipulationDelta;
        // Set RenderTransform so not null later
        CompositeTransform tran = new CompositeTransform();
        grid.RenderTransform = tran;
        // Add XAML to the map.
        nativeMap.Children.Add(grid);
        Geopoint snPoint = new Geopoint(new BasicGeoposition() { Latitude = l.lat,Longitude = l.lng });
        MapControl.SetLocation(grid,snPoint);
        MapControl.SetNormalizedAnchorPoint(grid,new Windows.Foundation.Point(0.5,1.0));
    }

    private void Grid_ManipuationStarted(Object sender,ManipulationStartedRoutedEventArgs e) {
        nativeMap.PanInteractionMode=MapPanInteractionMode.Disabled;
    }

    private void Grid_ManipulationDelta(object sender,ManipulationDeltaRoutedEventArgs e) {
        var grid = sender as Windows.UI.Xaml.Controls.Grid;
        CompositeTransform xform = grid.RenderTransform as CompositeTransform;

        xform.TranslateX += e.Delta.Translation.X;
        xform.TranslateY += e.Delta.Translation.Y;

        e.Handled = true;
    }

    private void Grid_ManipulationCompleted(object sender,ManipulationCompletedRoutedEventArgs e) {
        nativeMap.PanInteractionMode=MapPanInteractionMode.Auto;
        var grid = sender as Windows.UI.Xaml.Controls.Grid;
        Rect point = grid.TransformToVisual(nativeMap).TransformBounds(new Rect(0,0,grid.Width,grid.Height));
        Geopoint gPoint;
        nativeMap.GetLocationFromOffset(new Windows.Foundation.Point(point.X,point.Y),out gPoint);
        Debug.WriteLine(gPoint.Position.Latitude);
        Debug.WriteLine(gPoint.Position.Longitude);
    }

Answer 1

通过创建网格并将其添加到地图，然后创建图像并将其添加到网格来解决此问题。你使用Delta.Translation拖动Image如上所述，在删除引脚后，它使用MapControl.SetLocation（非TranslateX / Y）将Grid移动到引脚掉落的位置，然后将引脚Image的TranslateX / Y转换为0,0（相对于父网格）。这适用于网格仅使用SetLocation移动，这似乎工作正常，并且不像以前那样将其与地图断开连接。引脚相对于网格移动并且没有像以前那样的问题，即。在启动时移动到0,0并从地图对象断开连接。

干杯！

如果有人有兴趣可以发布代码，但我认为这是非常自我解释的。

在UWP

1 个答案: