弹出悬停到img

Question

我正在研究https://github.com/slodge/face上的wp7应用更改应用。我想更改此应用程序，以便此应用程序可以在弹出窗口中显示所有属性，当我指向特定面部时，如http://developers.face.com/tools/#faces/detect。我在JSON中返回了所有属性。 我不知道该怎么做。有人能帮助我吗？

Answer 1

由于手机上没有悬停事件，您可以做的最好是在用户点击图像时显示弹出窗口。我会做以下事情：

1. 使用WrapPanel显示图片网格
2. 为每个图片添加Tap事件处理程序
3. 在XAML中设置一个Popup样式，看起来像你的例子，最初关闭
4. 将要显示的值弹出窗口绑定到您创建的包含要显示的所有字段的某个类
5. 当用户点击图片时，获取该图片的所有属性（例如，使用JSON.net）并设置您已将数据绑定到Popup的类的属性
6. 使用VerticalOffset和HorizontalOffset属性
正确定位弹出窗口
7. 通过设置IsOpen属性
来显示弹出窗口

您可以使用coding4fun toolkit中提供的弹出控件，而不是使用System.Windows.Controls.Primitives.Popup，因为后者是硬件加速，与前者不同。

Answer 2

使用“换行”面板或“画布”填充数据。 使用“可见性”可见并折叠以显示隐藏弹出窗口。