c# - ¿Cómo implementar el globo emergente en la aplicación Windows Store usando Bing maps?

xaml popup

Question

Tengo una aplicación que muestra información sobre cierta chincheta que se coloca en un mapa. Hasta ahora tengo la información que aparece como un diálogo de mensaje. Esto no es muy agradable de ver y no es realmente adecuado como un cuadro de información. Voy a tratar de implementar una ventana emergente que mostrará toda la información en su lugar, que debería ser lo suficientemente fácil, ya que hay una buena cantidad de documentación al respecto. Mi pregunta es cómo hacer que se vea elegante como los globos emergentes que aparecen en la aplicación Mapas de Windows, por ejemplo. La imagen muestra a qué me refiero. Parece que este tipo de globo es más difícil de encontrar información.

Tal vez estoy buscando algo equivocado incluso.

¿Alguien sabe si esto es relativamente fácil? ¿Y alguna información sobre cómo hacerlo yo mismo?

Answer 1

De hecho, estaba buscando algo similar, terminé creando un UserControl. Así es como se ve el mío:

Y así es como se ve el código Xaml:

<Popup 
    x:Name="bingMapsFlyout" 
    IsLightDismissEnabled="True"
    >
        <Popup.ChildTransitions>
            <TransitionCollection>
                <PaneThemeTransition/>
            </TransitionCollection>
        </Popup.ChildTransitions>
        <Canvas 
        x:Name="contentFlyoutPanel" 
        Height="126" 
        Width="259"
        >
            <Rectangle HorizontalAlignment="Left" Height="45.035" VerticalAlignment="Top" Width="20.552" RenderTransformOrigin="0,1" UseLayoutRounding="False" d:LayoutRounding="Auto" Fill="#FF252525" Opacity="0.6" Canvas.Left="26.902" Canvas.Top="26.128">
                <Rectangle.Clip>
                    <RectangleGeometry Rect="20.761,-7.16,21.378,58.646">
                        <RectangleGeometry.Transform>
                            <CompositeTransform CenterY="-7.6496992111206055" CenterX="20.250661849975586" Rotation="-3.03122615814209" SkewX="-21.284000396728516"/>
                        </RectangleGeometry.Transform>
                    </RectangleGeometry>
                </Rectangle.Clip>
                <Rectangle.RenderTransform>
                    <CompositeTransform SkewX="21" Rotation="163.744"/>
                </Rectangle.RenderTransform>
            </Rectangle>
            <Rectangle HorizontalAlignment="Left" Height="69" VerticalAlignment="Top" Width="245" Fill="#FF2B2B2B" Canvas.Left="7" Canvas.Top="8"/>
            <StackPanel HorizontalAlignment="Left" Height="69" VerticalAlignment="Top" Width="247" Canvas.Left="7" Canvas.Top="8">
                <TextBlock x:Name="txtLine1" HorizontalAlignment="Left" Height="18" TextWrapping="Wrap" VerticalAlignment="Top" Width="227" Margin="10,10,0,0" Foreground="White" FontFamily="Arial" FontSize="16" FontWeight="Bold"/>
                <TextBlock x:Name="txtLine2" HorizontalAlignment="Left" Height="26" TextWrapping="Wrap" VerticalAlignment="Top" Width="227" Margin="10,5,0,0" Foreground="White" FontFamily="Arial" FontSize="12" FontWeight="Bold"/>
            </StackPanel>
        </Canvas>
    </Popup>

Answer 2

Deberás usar la clase PopupMenu

http://msdn.microsoft.com/en-us/library/windows/apps/xaml/windows.ui.popups.popupmenu.aspx