Just another WordPress.com site

Deep Zoom Composer – Luo omia Deep Zoom kuvia

Eilen DevDays2008:ssa ja aiemmin blogissani mainitsemani Deep Zoom on siis Silverlight 2:n kaikkien käsille tuoma tekniikka, jolla voi tarjota verkon käyttäjälle korkearesoluutio kuvia helpojen zoomaus ja siirtymistoimintojen kanssa.

Jos et sitä ole vielä kokeillut, niin nyt on viimeistään aika…
Voit luoda omia kuvia Deep Zoom Composer:lla, työkalulla joka mahdollistaa omien kuvien tuomisen, järjestelyn ja tallentamisen Deep Zoom kuvaksi tai kokoelmaksi jota voi sitten käyttää Silverlight MultiScaleImage kontrollin kanssa.
Luodaksesi Silverlight 2:den MultiScaleImage kontrollilla hallittavia kuvia, lataa ja asenna Deep Zoom Composer työkalu.

Luo uusi projekti ja tuo Add Image napilla vaikka kaikki kuvat c:\windows\web\wallpaper hakemistosta

 

Luo uusi projekti ja tuo Add Image napilla vaikka kaikki kuvat c:\windows\web\wallpaper hakemistosta.

Sen jälkeen asettele kuvat haluamallasi tavalla valitsemalla Compose -välilehti ja raahaamalla kuvat haluttuihin paikkoihin.

 

 

 

 
Kun tämä taiteellinen asettelu on nyt valmis🙂, valitse Export -toiminto saadaksesi tarvittavat tiedostot ja hakemistot luoduksi. Nimeä se vaikka windowstaustat –nimellä.
Valitse export, jolloin saat seuraavat tiedostot:

    • windowstaustat.sdi
    • windowstaustat hakemisto
      • paljon alihakemistoja
      • info.bin
      • info.xml
        SparseImageSceneGraph.xml

(Jos sinulla ei ole vielä asennettuna SL2 kehitykseen tarvittavia laajennuksia, saat ne osoitteesta http://silverlight.net/GetStarted/#betajump.
Muista poistaa ensin kaikki edelliset versiot)

Luo uusi Silverlight 2 Projekti VS 2008:lla

 

 

 

 

 

 
Visual Studio 2008 luo web-projektin samalla.

 

 

 

 

käännä projekti ja kopioi Deep Zoom Composer:n luoma hakemisto web projektin ClientBin -hakemistoon.
(Oletuksena Silverlight 2 sovellukset sijaitsevat ajonaikaisesti tässä web projektin alikansiossa)

Lisää MultiScaleImage kontrolli ja täydennä parametrit osoittamaan kopioituun kokoelmaan.

XAML näyttää nyt jotakuinkin tältä:

<UserControl
  x:Class="Test.Page"
  xmlns="http://schemas.microsoft.com/client/2007"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
  <Grid x:Name="LayoutRoot" Background="Gray">
    <MultiScaleImage ViewportWidth="1.0" x:Name="MyDeepZoom"  Source="/windowstaustat/info.bin" />
  </Grid>
</UserControl>

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s