单击图钉并在 Windows Phone 8 中显示该项目的更多详细信息答案

【问题标题】：Click to pushpins and display more details of that item in Windows Phone 8单击图钉并在 Windows Phone 8 中显示该项目的更多详细信息
【发布时间】：2014-03-15 07:39:16
【问题描述】：

我正在为 windows phone 8 开发一个简单的地图应用程序。我使用 windows phone 工具包设置了多个图钉。我想在点击图钉项目时显示更多详细信息。这是我的代码。

    <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
        <maps:Map Name="MyMap"
                  CartographicMode="Road" ColorMode="Light"
                  LandmarksEnabled="True" PedestrianFeaturesEnabled="True">

            <toolkit:MapExtensions.Children>                    
                <toolkit:MapItemsControl Name="allDatas">
                    <toolkit:MapItemsControl.ItemTemplate>
                        <DataTemplate>
                            <toolkit:Pushpin GeoCoordinate="{Binding Coordinate}" 
                                             Content="{Binding Name}"            
                                             Background="Green"
                                             Foreground="Black"
                                             Tap="Pushpin_Tap"/>
                        </DataTemplate>
                    </toolkit:MapItemsControl.ItemTemplate>
                </toolkit:MapItemsControl>            
            </toolkit:MapExtensions.Children>

        </maps:Map>
    </Grid> 

    void MainPage_Loaded(object sender, RoutedEventArgs e)
    {
        ObservableCollection<Data> datas = new ObservableCollection<Data>() 
        {
            new Data() { Coordinate = new GeoCoordinate(22.832991,89.539921), Name = "H", Details = "Hospital", Address = "Address of Hospital" },
            new Data() { Coordinate = new GeoCoordinate(22.845489,89.539406), Name = "P", Details = "Fire Station", Address = "Address of Fire"},
            new Data() { Coordinate = new GeoCoordinate(22.818019,89.54563), Name = "F", Details = "Police Station", Address = "Address of Police"}                       
        };

        ObservableCollection<DependencyObject> children = MapExtensions.GetChildren(MyMap);        
        var obj = children.FirstOrDefault(x => x.GetType() == typeof(MapItemsControl)) as MapItemsControl;  
        obj.ItemsSource = datas;    
    }

    private void Pushpin_Tap(object sender, System.Windows.Input.GestureEventArgs e)
    {
        Pushpin pushpin = sender as Pushpin;

        if (pushpin.Content != null)
        {   //Here i want to show details
            MessageBox.Show(pushpin.Content.ToString());
        }
    }

【问题讨论】：

标签： windows-phone-8 pushpin

【解决方案1】：

你可以这样做：

pushpin.Tap += delegate
{
     if (AppSettings["PushpinOpen"] == true)
     {
           pushpin.Content = attraction.Content;
           AppSettings["PushpinOpen"] = attraction.Title;
           AppSettings.Save();
      }
      else
      {
           pushpin.Content = attraction.Title;
           AppSettings.Remove("PushpinOpen");
       }

  };

您不必使用 IsolatedStorageSettings（在本例中为 AppSettings）来执行此操作。你只需要检查图钉是否已经打开，如果没有，你可以将图钉的内容更改为更详细的信息。

【讨论】：

【解决方案2】：

private void Pushpin_Tap(object sender, System.Windows.Input.GestureEventArgs e)
{
var element = (FrameworkElement)sender;
Data data = (Data)element.DataContext;
MessageBox.Show(data.Address);
}

可能有点晚了，但我试图达到同样的效果。在图钉点击上显示更多数据。我找到了一个有效的答案here altought 这是一个有点不同的问题的答案。

【讨论】：