[Deepzoom 2] the setup of the silverlight2 and deep zoom Environments

Source: Internet
Author: User
[Deepzoom 2] the setup of the silverlight2 and deep zoom Environments
Zhou yinhui

in this regard, "to do a good job, you must first sharpen the tool." building an environment is the most important step. I used to read many textbooks written by masters when I went to college. The first chapter was about Hello world, but I was so depressed when I set up the environment, so it is so difficult to display a hello World on the screen.
the software to be installed includes Visual Studio 2008, silverlight2 beta1 tools for vs2008, expression blend2.5, deep zoom composer
note: before installing silverlight2 beta1 tools for vs2008, make sure to uninstall the Silverlight plug-in, Silverlight SDK, and expression blend that you may have installed before. If you cannot install silverlight2 beta1 tools for vs2008, in vs2008, you cannot find the silverlight2 Project template, and you cannot create the sliverlight2 project.
as to how to use Silverlight and vs to create a hello World project, for more information, see Article in the Chinese version of Scott's blog: Use Silverlight 2 and vs 2008 to create a "hello World" Program
Use Blend are familiar, if you are not familiar with it, you can watch the video tutorial here
deep zoom composer is a small tool designed for deepzoom. I have translated its user guide, hope to help you:

-------------------------- Split line -------------------------------------

Deep zoom composer User Guide
Translated by Zhou yinhui



Microsoft's silverlig2< span style =" font-family: "> includes a pair of" seadargon " Deep zoom Technical Support created by the team. To put it simply, deep zoom technology allows you to view a large image, but only sends the part currently displayed on your screen to your browser. You can also smoothly scale and flat images. This is like online map dividing a large image into many small tiled images and then sending those you are viewing to your screen. The advantage of this is that you don't have to spend a lot of time downloading a large set of image data that you have never even read or noticed. This technology is cool, but to be honest, it is not easy to create correct coordinate information for these image sequences, the Expression team provided us with a tool, we call it " deep zoom composer "

Expression deep zone composerThis allows us to arrange images in an image set in any way (large images), and then publish their final arrangementSilverlight2One is calledMultiscaleimage. The output of this tool is a set of tiled graphs.XMLFile,BinFile and a collection of numbered folders. Each folder contains a part of the final picture arrangement. InMultiscaleimageReferenceBinFileXAMLIt looks like this:

<Multiscaleimage X: Name = "deepzoomobject" Source = "samle/info. bin"/>

Who will use such an application? Any pairSilverlight2Those who are interested and want to perform advanced operations such as zoom and tile on the big image. Without this technology, it would be very difficult to complete connections under standard bandwidth. The audience of this tool is some very common users. There are several very common scenarios that will be used. MAP is one of them, another possibility is that online advertising is used to provide a very easy-to-interact and detailed viewing angle for the product.

Next, we will describe how to createDeep zoom composer appProject, arrange the imported image, and finally output it asDeep zoom image.


Welcome Screen

StartDeep zoom composerThen the user will see a splash screen (Splash Screen) Followed by the welcome screen. On the welcome screen, we can see two tabs:ProjectAndHelp.

ProjectThe tab provides you with a list of recently viewed projects andNew projectAndOpen ProjectOperation.

HelpThe tab providesUser GuideAnd other useful information.



Deep zoom composerThe project structure is as follows:

·Default path: The project is stored in:C: "users" <user> "documents" expression "Seadragon Projects"

·Source images:All projects have oneSource imagesFolder is used to store imported Images

·Working data:Working data The directory contains the data used for zooming on the panel.

·Project file:Each project has*. SdprjFile is used to include project-related information

·Output:When you select to export. SDI (Seadragon image)Files will be outputSource Images "outputsdi Folder.


1,Work Zone

CreateDeep zome ImageThe workflow of is as follows:1.Import,2.Diagram (Arrangement ),3.Output


In "Import workspace", you can import some images to the project.

Image bar:

Click"Add Images"Button to Import images. These images will be displayed in an image bar. Right-click the image and select"Delete from projectYou can delete images from the project.

Image preview:

When you select an image in the image bar, you can see its preview on the left. The file name, size, and size are displayed in the lower left corner.

You can specify a folder,Deep zoom composerOnly valid image file types are imported, that is, they supportPNG,JPEG,TiffAndBMPOther file formats are ignored. Note: currentlyDeep zoom composerImport of files with the same name is not supported.

Diagram (Arrangement)

"ComposeThe workspace provides users with the function of locating and arranging images.:

Picture bar

In theComposeIn the workspace, the images imported to the project are displayed in the picture bar. You can drag and drop these images to the canvas. The image Bar provides users with the following basic functions:

"All Image"Tab, where all the images in the project are displayed. The images that are displayed as translucent indicate that they are being used (that is, they are draggedComposeWork zone)

"Layer View"Tab, which only displaysCompostionImages in use. You can use the arrow buttons on the panel to change the image on the canvas.ZAxis order.

"Visibility"The eye icon next to the image is used to set the visibility of the image on the canvas.


You canComposeCreate and edit"Compositions". This workspace provides

A design area with the ability to locate and arrange images and a basic tool set (Selection, pan, zoom) And basic arrangement features (Align & Distribute). You can drag and drop images in the image bar to the canvas. You can arrange these images in the canvas and navigate through the navigator and modify them using several tools. Of course, you can also modify and layout by dragging the modifier (several small blocks in the selected state of the Technical image) and the following row of buttons.


Select a tool that allows you to select and operate images. You can useAdorner(Modifier? I'm sorry, I don't know what the professional name is .)

PanTool that allows you to scroll through the visible area by clicking and dragging.

The Zoom tool. When you select the Zoom tool, you can click any position in the visible area to zoom in and zoom in to this point. When you press and holdALTAnd click to zoom in or useAlt + =Shortcut Key orAlt +-Shortcut to zoom out. If you click the last zoom icon (the one on the right of the normal zoom icon), the current element in the canvas is scaled to fit the screen.

Layout function:

It also supports layout and allocation features (suchMake Same Height)

When you click"Align/distributeAndMake Same", The following options will be executed ):

Align left, align left and right, align right, align up, center up and down, align bottom, horizontal, vertical, width, height.


The output workspace providesDeep zoom ImageOr set functions

Output preview, finalCompositionWill be displayed on the export tab.

You can set the export settings, such as the file name and location. The check box allows the user to set whether to export it toDeep zoom collection.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.