Deep Zoom on WP7


The Deep Zoom (Seadragon) functionality has been available on Silverlight since version 2. It’s a techonology that provides the ability to interactively view high-resolution images. The images need to be prepared using available tools like Deep Zoom Composer and others. The functionality is provided via the usage of the MultiScaleImage control which is availabe on WP7. This control is not there by default in your Toolbox in Visual Studio, however you can just right-click on the Toolbox, select “Choose item…” menu and pick the control from the list:

After that you can just drag-n-drop the control on your page. The MultiScaleImage contol works exactly the same as on the desktop, so it was pretty easy to wire all appropriate events by copying the code from the existing samples. All you need to do is just to provide the url to the location of the “dzi” file and the control will just “magically” work.  I even re-used the buttons that come with the sample:

You can dowload the sample project from here.

DeepZoomWP7Beta.zip

Comments (8)

  1. Kevin Daly says:

    Hi Alex,

    Excellent sample (and it’s a great starting point for things like working out how to do pinch-to-zoom – I might try that over Easter, unless my brain melts…but you don’t learn anything without sacrifice :-)).

    Slight typo alert: the Carina Nebula link in the source code points to the "Welcome to Seadragon" collection – the Dzi property for that entry should be "carina-nebula.dzi".

    Thanks again,

    Kevin Daly

  2. There are some issues with the latest version of the tools. I fixed some references but can't seem to figure out where ListViewItem went. Has anyone converted it or figured out that piece? Thanks!

  3. AlexYak says:

    Paul,

    I've updated the attachmentdownload to this post with the beta bits.

  4. Awesome!

    I was able to get it working with my own deep zoom content I published to the web, however I'd like to render the MultiScaleImage from local content (stored on the WP7 device) and am having trouble. I've copied the files and marked them as "Content"/"Copy if newer" and am setting the msi.Source property to the relative path (have tried with leading slash and without).

    I'm also able to access other resource files locally without issue, it's just that the DeepZoom files won't render.

    Do you know what might be the problem?

  5. AlexYak says:

    By design, the MSI on WP7 doesn't support loading images from a local content.

  6. TLV says:

    Hi,

    There is no way to load local images?

    This is such a great tool and I need exactly the same functionality…

    Is there a replacement for that somehow ???

    10'X

  7. Tony says:

    I too would like to use the MultiScaleImage control with local content, surely this must be possible?

  8. Masataka Ajiro says:

    Hi,

    Thank you for your excellent DeepZoom demo.

    Pinch-to-zoom doesn't work properly with my WP7 device.

    Will you kindly teach me the way to pinch-to-zoom with DeepZoom?

    Thank you,

    Masataka Ajiro