<MultiScaleImage x:Name="deepZoomObject" Source="/GeneratedImages/dzc_output.xml" />
在画布的其他位置，添加一个TextBlock用于显示信息：
<TextBlock X:Name="tbInfo" />
接下来，创建一个类来保存每个“瓷砖”的信息，添加一些虚拟信息，并将一堆瓷砖添加到列表中：
public class TileDetail {
public int Index { get; set; }
public string TileName { get; set; }
}
//The Index is the zero based index of the images. It depends on the index created by DeepZoomComposer. This is the one piece of information that you absolutely need to know. I believe the index is based on the order that the images are added to DeepZoomComposer but test to make sure.
List<TileDetail> TileDetailsList = new List<TileDetail>();
TitleDetail td1 = new TileDetail();
td1.Index = 0;
td1.TileName = "Tile #1";
TileDetailsList.Add(td1);
TitleDetail td21 = new TileDetail();
td2.Index = 1;
td2.TileName = "Tile #2";
TileDetailsList.Add(td2);
//Repeat the above for your remaining tiles always incrementing the Index. If you're loading information from a DB then you'll need to make sure to have a way to connect the image to its index from DeepZoomComposer.
现在列表已经充满了瓷砖信息，我们需要连接MouseLeftButtonDown事件处理程序以检测图像何时被点击，并最终确定所点击图像的索引。有了索引，我们只需要搜索我们的列表以获取适当的瓷砖详细信息，然后在画布上显示。
在您的代码后台中，请添加以下内容：
deepZoomObject.MouseLeftButtonDown += delegate(object sender, MouseButtonEventArgs e)
{
//Get the index of the image
int index = GetIndexOfSubImage(e.GetPosition(deepZoomObject));
//Find the image in the list of images
TileDetail td = TileDetailsList.FirstOrDefault(t => t.Index == index);
//Display image info
tbInfo.Text = td.TileName;
};
private int GetIndexOfSubImage(Point point)
{
// Test each subimage to find the image where the mouse is within
for (int i = deepZoomObject.SubImages.Count - 1; i >= 0; i--)
{
MultiScaleSubImage image = deepZoomObject.SubImages[i];
double width = deepZoomObject.ActualWidth / (deepZoomObject.ViewportWidth * image.ViewportWidth);
double height = deepZoomObject.ActualWidth / (deepZoomObject.ViewportWidth * image.ViewportWidth * image.AspectRatio);
Point pos = deepZoomObject.LogicalToElementPoint(new Point(image.ViewportOrigin.X / image.ViewportWidth, -image.ViewportOrigin.Y / image.ViewportWidth));
Rect rect = new Rect(pos.X, pos.Y, width, height);
if (rect.Contains(point))
{
// Return the image index
return i;
}
}
return -1; //if there is no corresponding subimage
}
就是这样。只要您的图像索引在列表中有相应的图像，那么在MultiScaleImage对象内单击图像将显示图像信息。
看起来不只是简单的DeepZoom。他们在你刚提到的项目中使用的是Silverlight的MS Live Lab Pivot Control。http://www.getpivot.com/。 这个网站有很好的教程，可以开始使用Pivot，而且创建集合非常简单。
敬礼。
Vertigo公司创建的Hardrock Cafe Memrobilia示例已经在CodePlex上公开了源代码。在这里查看：http://bigpicture.codeplex.com/
为了简化事情，你需要监听MultiScaleImage上方的鼠标移动。
在每次鼠标移动时，您应该遍历MultiScaleImage子图像集合，并检查哪些图像在鼠标指针下面。
为了识别不同的图像，DeepZoom集合中的每个图像都应具有一个唯一标识符 - 例如，在DeepZoomComposer中，您可以向每个图像添加一个tag值。基于该标记，您可以从其他XML文件中找到适当的信息文本以显示给用户。