locked
求类似Hard Rock Memorabilia网站的相关技术 RRS feed

  • 问题

  • 我刚刚开始学习silverlight,看到Hard Rock Memorabilia网站的效果感到非常的酷。
    我用deepzoom可以实现放大图片的效果,但是Hard Rock Memorabilia网站上的右边的浮动窗口我就不知道怎样实现了。
    有谁可以告诉我一下吗?最好有代码。谢谢了。

    2009年6月15日 13:22

答案

  • 呵呵,先前没分清左右.
    你说右侧那个DeepZoom一到一张photo内,然后右侧的Detail就显示这张Photo的信息是吧.

    没具体做过这方面的开发,但是看了一下相关的code.

    基本原理是这样的.

    首先获得msi
    msi.ViewportOrigin.X 
    msi.ViewportOrigin.Y
    msi.ViewportWidth
    这三个属性,ViewportOrigin是标记与左和上边距的的位置
    ViewportWidth是标记的缩放大小

    同时你可以取得你DeepZoom内部所有元素MultiScaleSubImage,也包括
    上面两个属性,记为
    List<MultiScaleSubImage> listOfAllImages

    比如我列表中的第一张图片,他距离左,上分别是 -10,-10
    当我的msi(DeepZoom的MultiScaleSubImage)MouseMove后ViewportOrigin为 9.x 9.x时,这里你可以定义一个范围跟缩放大小(ViewportWidth),记可以判断他们之间相差的绝对值,在这个绝对值小于你定义的一个数值时,就可以认为你的DeepZoom主内容显示的是这张图片,然后触发事件就可以在信息栏内显示这张图片的信息了.

    你如果想研究源码,比较经典的是
    http://jellyfishdz.codeplex.com/ 这是一个DeepZoom开源的项目,除了移动信息还有很多功能,下来自行研究:)
    • 已标记为答案 Donaldzj120 2009年6月17日 15:58
    2009年6月17日 2:50

全部回复

  • 用Treeview控件就可以实现,编辑下模板就可
    2009年6月16日 0:32
  • 熊哥能说的具体一点吗?我是个菜鸟,这么说我还是不太明白的。谢谢了。


    是右侧的浮动窗口,就是图片显示的时候,固定到哪个图片上,自动出现的说明的文档。
    2009年6月16日 3:03
  • 呵呵,先前没分清左右.
    你说右侧那个DeepZoom一到一张photo内,然后右侧的Detail就显示这张Photo的信息是吧.

    没具体做过这方面的开发,但是看了一下相关的code.

    基本原理是这样的.

    首先获得msi
    msi.ViewportOrigin.X 
    msi.ViewportOrigin.Y
    msi.ViewportWidth
    这三个属性,ViewportOrigin是标记与左和上边距的的位置
    ViewportWidth是标记的缩放大小

    同时你可以取得你DeepZoom内部所有元素MultiScaleSubImage,也包括
    上面两个属性,记为
    List<MultiScaleSubImage> listOfAllImages

    比如我列表中的第一张图片,他距离左,上分别是 -10,-10
    当我的msi(DeepZoom的MultiScaleSubImage)MouseMove后ViewportOrigin为 9.x 9.x时,这里你可以定义一个范围跟缩放大小(ViewportWidth),记可以判断他们之间相差的绝对值,在这个绝对值小于你定义的一个数值时,就可以认为你的DeepZoom主内容显示的是这张图片,然后触发事件就可以在信息栏内显示这张图片的信息了.

    你如果想研究源码,比较经典的是
    http://jellyfishdz.codeplex.com/ 这是一个DeepZoom开源的项目,除了移动信息还有很多功能,下来自行研究:)
    • 已标记为答案 Donaldzj120 2009年6月17日 15:58
    2009年6月17日 2:50
  • 熊哥,谢了。
    我会好好研究一下的。有问题还得问你呢!哈哈。

    2009年6月17日 15:57