Deep Zoom
Deep Zoom
Com o Silverlight e o DeepZoom Composer é muito fácil criar um visualizador de imagem que permite aplicar zoom, arrastar e deslocar imagens. Neste tutorial, vamos dar inicio a este fantástica ferramenta da Microsoft.
Para este tutorial você vai precisar ter instalado na sua máquina o Tool Silverlight, Visual Studio 2008 e o DeepZoom Composer e algumas imagens, de preferencia de alta resolução. Você pode fazer o download dessas ferramentas no http://silverlight.net/GetStarted/ . Abra o DeepZoom, escolha a opção New Project, forneça um nome e a localização, conforme mostrado na Figura 01.
Com o DeepZoom carregado, pressione a opção em Add Image, conforme mostrado na Figura 02, e adicione quantas imagens desejar, de preferencia em alta resolução, quanto maior, melhor. Eu adicionei duas imagens.
Figura 02 - Adicionando Imagens
Desta forma, veja como é fácil criar a composição, basta pressionar o botão compose. Lembrando que estamos trabalhando com composição estática. Observe na Figura 04, que existe a definição de camadas da composição, o painel de visualizaçãogeral e a área de escolha de imagens.
Na Figura 05 você pode observar que foi adicionada duas imagens no "palco", você pode dimensionar as imagens no tamanho desejado, bem como, posicionar da forma que desejar.
Figura 05 - Arrastando Imagens para o palco Depois pressione Export que está na parte superior, e pressione Custom que está ao lado direito, e configure os parâmetros conforme mostrado na Figura 06.
Figura 06 - Configuração de saída Pressione Export e escolha a opção Preview in Browser. E o Resultado é simplesmente assim: Talvez demore um pouco para carregar.... |
Dúvidas, sugestões ou críticas. Deixe sua mensagem.
Obrigada,




Aguarde...