- Jul 22, 2010 We are pleased to present Deep Zoom Composer, a tool to allow the preparation of images for use with the Deep Zoom feature in Silverlight 3. The new Deep Zoom technology in Silverlight allows users to see images on the Web like they never have before. The smooth in-place zooming and panning that Deep Zoom allows is a true advancement and raises.
- Yes, it is possible to generate deep zoom files on the fly. Obviously, this has to happen on the server-side, for the client-side Silverlight app to consume it. The google keywords you're looking for is 'deep zoom batch' or 'deep zoom export' or 'DeepZoomTools.dll'. This is not an officially supported scenario (afaik), but it is definitely.
Hans zimmer time midi files free software. Mar 21, 2008 There's no reason that you couldn't host a Deep Zoom site on Linux / Apache (and could view the site on Linux, Mac, and of course Windows). Best exif reader for mac. Customization The fact that Deep Zoom is built in as a native Silverlight element - a primitive, like an image or a textbox) means that you have full control over how it works, including user interface.
In the first part we looked at how to download hundreds of O’Reilly bookcovers usingC#. In the second part, we saw how to stitch those imagestogether into something a little more friendly for Deep Zoom Composer. In this part, we’re going to create a Deep Zoom Composer project, export the final images, and build the finished Silverlight application.
In order to build Deep Zoom applications, you’re going to need to download Microsoft’s Deep Zoom Composer. Everything else you should already have – especially if you’re building Silverlight applications. In case you haven’t checked out the previous tutorials yet, below is the application we’ll be building today.
[silverlight width=”630″ height=”480″ src=”/sites/default/files/409/source/OReillyDeepZoom.xap”]
Step 1 – Import the Images
Deep Zoom Composer is separated into three parts: Import, Compose, and Export. The first thing we’re going to need to do is import all of the O’Reilly book covers.
Using the application that we created in part2 of this tutorial, my O’Reilly book covers have been combined into 21 rows each containing 38 images. Each row is 19,000 pixels wide and around 1,000 pixels tall. The reason I didn’t import each image separately is that Deep Zoom Composer eventually used up a ton of memory and crashed when I attempted to do so. I have not re-tried that option using the latest version, however at the time, there seemed to be a maximum number of images it could handle.
Simply click the “Add Image” button on the right side of the screen and select your images. Once complete, you should have something similar to the image below.
![Zoom Zoom](https://msdnshared.blob.core.windows.net/media/TNBlogsFS/BlogFileStorage/blogs_msdn/olivers/WindowsLiveWriter/DeepZoomComposerunddasMultiScaleImage_C4A3/image_6.png)
Step 1 – Compose the Images
Once we’ve got the images imported, it’s time to compose them into what the final application will look like. Click the compose tab at the top of the page to enter the composition area. Once in there, simply select all the images using the list view at the bottom and drag and drop them onto the canvas.
As you can see, Deep Zoom Composer staggered the images by default, which is not what we want. Fortunately, it’s got some nifty tools for arranging images. With all the images selected, right-click one of them to bring up the “Arrange into Grid” dialog.
Since I have 21 rows of images, I set the “Constrain by” option to Rows, the “Number of Rows” option to 21, and the “Padding” to 0 (since I don’t want any space between my rows).
Once you click OK on that dialog, Deep Zoom Composer will arrange the images exactly like they’re supposed to be.
Step 3 – Export Deep Zoom Project
Now that the image are composed how we want, it’s time to export them from Deep Zoom Composer to something that can be used by our Silverlight application.
Simply go to the “Custom” tab, set the “Output type” to “Silverlight Deep Zoom”, give it a name, choose a location, then hit “Export”. All the other default options will work fine for us. The export process will take several minutes, depending on how large your project is.
What Deep Zoom Composer generates for you is a couple of different things. First it will create a folder called “GeneratedImages”. This folder contains hundreds of images that Silverlight will request and combine when a user is using the Deep Zoom application. Inside this folder is also a file called “dzc_output.xml”. This file will be the actual source of the
MultiScaleImage
object that will be used when building our app.Step 4 – Build the Silverlight App
Now we’re down to the good stuff – actually building up the final application. Once you’ve got a new Silverlight application ready, the first thing you’re going to need to do is get the GeneratedImages folder into your project. I copied and added it the ClientBin folder of the ASP project.
The first piece of code we need to write will create the multiscale image object and set it’s source to our Deep Zoom Composer output.
![Deep zoom composer silverlight 4 for mac download Deep zoom composer silverlight 4 for mac download](https://img.yumpu.com/18500024/1/358x507/user-manual-andrea-planet.jpg?quality=85)
If you were to actually run this right now, you’d see what looked like a finished, working, application. However, you’ll find out quickly that none of the nice mouse gestures work. Unfortunately, these aren’t built into the
MultiScaleImage
object, but Microsoft did provide source code to hook it up. The code-behind for this app looks like this:Since I didn’t write the code, I’m not going to explain it. You’ll just have to copy and paste it into your project. The MouseWheelHelper object comes from a file provided by Microsoft called MouseWheelHelper.cs. You can download this class from the files attached to this tutorial.
Silverlight 4 Facebook
If you run the application now, you’ll see that all the mouse clicks, drags, and wheel clicks do exactly what they’re supposed to. In fact, we have a fully functional Deep Zoom application that matches the example at the beginning of the tutorial.
Deep Zoom Composer Silverlight 4 For Mac Pro
And that does it for this post. You can download a Visual Studio 2008 project for the example application below (everything except the images).