WinRT - 单击gridview元素时如何将弹出窗口添加为工具提示

Question

在一个 Windows 商店应用程序项目中，我有一个 Gridview，它显示了一个圆圈内的用户图像，当我单击带有图像的圆圈时，我正在尝试做一个显示该用户信息的弹出窗口。

它看起来像这样。

如何获取点击项目的位置，以了解弹出窗口出现的位置？ 以及如何使用不同的信息执行同一弹出窗口的不同实例？

或者有更好的解决方案来实现这一点？

Answer 1

试试这个：

<Page.Resources>
    <Flyout x:Name="InfoFlyout">
        <TextBlock>Hello World!</TextBlock>
    </Flyout>
</Page.Resources>


<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <Grid.ColumnDefinitions>
        <ColumnDefinition />
        <ColumnDefinition />
        <ColumnDefinition />
        <ColumnDefinition />
    </Grid.ColumnDefinitions>
    <Ellipse Grid.Column="0" Height="100" Width="100" Fill="Blue" PointerPressed="Ellipse_PointerPressed" FlyoutBase.AttachedFlyout="{StaticResource InfoFlyout}" />
    <Ellipse Grid.Column="1" Height="100" Width="100" Fill="Blue" PointerPressed="Ellipse_PointerPressed" FlyoutBase.AttachedFlyout="{StaticResource InfoFlyout}" />
    <Ellipse Grid.Column="2" Height="100" Width="100" Fill="Blue" PointerPressed="Ellipse_PointerPressed" FlyoutBase.AttachedFlyout="{StaticResource InfoFlyout}" />
    <Ellipse Grid.Column="3" Height="100" Width="100" Fill="Blue" PointerPressed="Ellipse_PointerPressed" FlyoutBase.AttachedFlyout="{StaticResource InfoFlyout}" />
</Grid>

并添加此事件处理程序：

private void Ellipse_PointerPressed(object sender, PointerRoutedEventArgs e)
{
    InfoFlyout.ShowAt(sender as FrameworkElement);
}