UWP Pushpin ToolTip点击

Question

我添加了必应地图到我的UWP视图。我已经创建了自定义MapItemControl。当我的引脚被点击时，我想给ToolTip看一下。

以下是我所做的：

  <my:MapControl Name="Map" Center="{Binding Location, Converter={StaticResource LocationToGeopoint}}" ZoomLevel="{Binding ZoomLevel}">
            <my:MapItemsControl ItemsSource="{Binding Offers}" >
                <my:MapItemsControl.ItemTemplate>
                    <DataTemplate>
                        <StackPanel   my:MapControl.NormalizedAnchorPoint="0.5,1"   
                                      my:MapControl.Location="{Binding Location, Converter={StaticResource LocationToGeopoint}}"   
                                      Width="Auto" Height="Auto"  >
                            <Grid  Height="25" Width="25" Name="ContentGrid">
                                <Ellipse Fill="White" Height="Auto" Width="Auto"
                                         Stroke="Red"
                                         StrokeThickness="8"/>
                                <interactivity:Interaction.Behaviors>
                                    <core:EventTriggerBehavior EventName="PointerPressed">
                                        <core:InvokeCommandAction 
                                            CommandParameter="{Binding Id}"
                                            Command="{Binding ElementName=Map, Path=DataContext.PushpinTapped}"  />
                                    </core:EventTriggerBehavior>
                                </interactivity:Interaction.Behaviors>
                            </Grid>
                            <Path Data="M33.4916,35.3059 L42.1937,35.3059 L38.1973,40.6036 z" Fill="Red" HorizontalAlignment="Center" Height="6.302" Margin="0,-1,0,0" Stretch="Fill" UseLayoutRounding="False" Width="9.702"/>
                            <ToolTip   Style="{StaticResource MyToolTipStyle}"/>
                        </StackPanel>
                    </DataTemplate>
                </my:MapItemsControl.ItemTemplate>

            </my:MapItemsControl>
        </my:MapControl>

现在，ToolTip一直是可见的。我怎样才能使它只在针被点击时可见？

Answer 1

一种选择可能是使用ChangePropertyAction -示例：

<my:MapControl Name="Map" Center="{Binding Location, Converter={StaticResource LocationToGeopoint}}" ZoomLevel="{Binding ZoomLevel}">
    <my:MapItemsControl ItemsSource="{Binding Offers}" >
        <my:MapItemsControl.ItemTemplate>
            <DataTemplate>
                <StackPanel   my:MapControl.NormalizedAnchorPoint="0.5,1"   
                              my:MapControl.Location="{Binding Location, Converter={StaticResource LocationToGeopoint}}"   
                              Width="Auto" Height="Auto"  >
                    <Grid  Height="25" Width="25" Name="ContentGrid">
                        <Ellipse Fill="White" Height="Auto" Width="Auto"
                                 Stroke="Red"
                                 StrokeThickness="8"/>
                        <interactivity:Interaction.Behaviors>
                            <core:EventTriggerBehavior EventName="PointerPressed">
                                <core:InvokeCommandAction 
                                      CommandParameter="{Binding Id}"
                                      Command="{Binding ElementName=Map, Path=DataContext.PushpinTapped}"  />
                                <core:ChangePropertyAction TargetObject="{Binding ElementName=myTooltip}" 
                                      PropertyName="Visibility" Value="{Binding ElementName=myTooltip, Path=Visibility, Converter={StaticResource InvertConverter}}"/>

                            </core:EventTriggerBehavior>
                        </interactivity:Interaction.Behaviors>
                    </Grid>
                    <Path Data="M33.4916,35.3059 L42.1937,35.3059 L38.1973,40.6036 z" Fill="Red" HorizontalAlignment="Center" Height="6.302" Margin="0,-1,0,0" Stretch="Fill" UseLayoutRounding="False" Width="9.702"/>
                    <ToolTip x:Name="myTooltip" Style="{StaticResource MyToolTipStyle}" Visibility=Collapsed"/>
                </StackPanel>
            </DataTemplate>
        </my:MapItemsControl.ItemTemplate>
    </my:MapItemsControl>
</my:MapControl>

您只需要给您的ToolTip一个名称，在开始时将其可见性设置为折叠，并定义一个转换器，使当前可见性的值与之相反，这样一旦用户再次单击，工具提示就会消失。