Kuvanhallinnan käyttö: Windows Phone Apps Development Tutorial - Osa 18

Kuvanhallinnan käyttö: Windows Phone Apps Development Tutorial - Osa 18
Kuvanhallinnan käyttö: Windows Phone Apps Development Tutorial - Osa 18

Video: Kuvanhallinnan käyttö: Windows Phone Apps Development Tutorial - Osa 18

Video: Kuvanhallinnan käyttö: Windows Phone Apps Development Tutorial - Osa 18
Video: CS50 2014 - Week 1, continued - YouTube 2024, Maaliskuu
Anonim

Nyt kun etsimme XAML Event ja Input Controls -ohjelmaa, tämän Windows Phone 7.5 Mango App -kehityssarjan taidetta, tarkastelemme kuvanhallintaa, jonka avulla voit näyttää kuvia Silverlight Windows Phone 7 -sovelluksessasi.

Aloitetaan siis!

Luo uusi Windows Phone 7 -projekti yksilöllisellä nimellä, kuten "ImageControlDemo". Vedä ja pudota kuvaohjaus työkalupalkista suunnittelupintaan. Nyt, kun haluat näyttää kuvan kuvavalvonnassa, käytämme Kuvanhallinnan "Lähde" -ominaisuutta. Tämä ominaisuus löytyy Ominaisuudet-ikkunasta juuri ennen Stretch-ominaisuutta. Lähde-ominaisuus määrittää, mistä kuva tulee näytettäväksi kuvankäsittelyssä. Napsauttamalla Lähde-ominaisuuden vieressä olevaa ellipsiä avautuu uusi ikkuna, jossa pyydetään valitsemaan kuva. Lisää kuva projektiin napsauttamalla Lisää kuva -painiketta.

Kun valitset kuvan, tapahtuu muutamia mielenkiintoisia asioita. Ensinnäkin Visual Studio luo automaattisesti kansion nimillä Kuvat ja lisää valitun kuvatiedoston. Toiseksi se luo URI: n (Uniform Resource Identifier) / polun kuvan käyttämiseen, kuten "/Images;component/Images/Picture1.jpg". / Image viittaa käyttöönottopakettiin ja mitä tulee puolipisteen jälkeen, viittaa siihen tiedostoon, joka on asennuspaketissa, kun se on otettu käyttöön puhelimessa, eli xap-tiedostossa. Kun napsautat Valitse kuva -ikkunan OK-painiketta, kuva on ladattu kuvaohjaimeen.

Kuvan hallinnan toinen merkittävä ominaisuus on "Stretch" -ominaisuus. Stretch-ominaisuuden asettaminen täyttöön; täyttää kuvasäätimen koko alueen kuva riippumatta kuvan mitoista. Kuvansäätimen koon muuttaminen muuttaa kuvan koon. Mitä tulee kuvan osuuteen, sen ansiosta kuva vääristyy. Stretch-ominaisuuden asettaminen Uniformiin pitää perspektiivin oikein kunnioittaen kuvan korkeutta tai leveyttä, mutta se ei rajoita kuvaa. Stretch-ominaisuuden asettaminen "UniformToFill" -arvoon kunnioittaa kuvan pystysuorat ja vaakasuorat mittasuhteet. Kuva leikataan tarvittaessa suhteen ylläpitämiseksi. Leikkaus voidaan ratkaista antamalla käyttäjän vierittää kuvaa ylös tai alas, vasemmalle tai oikealle. Tätä varten sinun tarvitsee vain ympäröi kuvaa ScrollViewer-ohjaimella ja asettaa sen horisontaalisen ja pystysuoran vierityspalkin näkyvyyden näkyviksi.
Kuvan hallinnan toinen merkittävä ominaisuus on "Stretch" -ominaisuus. Stretch-ominaisuuden asettaminen täyttöön; täyttää kuvasäätimen koko alueen kuva riippumatta kuvan mitoista. Kuvansäätimen koon muuttaminen muuttaa kuvan koon. Mitä tulee kuvan osuuteen, sen ansiosta kuva vääristyy. Stretch-ominaisuuden asettaminen Uniformiin pitää perspektiivin oikein kunnioittaen kuvan korkeutta tai leveyttä, mutta se ei rajoita kuvaa. Stretch-ominaisuuden asettaminen "UniformToFill" -arvoon kunnioittaa kuvan pystysuorat ja vaakasuorat mittasuhteet. Kuva leikataan tarvittaessa suhteen ylläpitämiseksi. Leikkaus voidaan ratkaista antamalla käyttäjän vierittää kuvaa ylös tai alas, vasemmalle tai oikealle. Tätä varten sinun tarvitsee vain ympäröi kuvaa ScrollViewer-ohjaimella ja asettaa sen horisontaalisen ja pystysuoran vierityspalkin näkyvyyden näkyviksi.
Kuvanhallinnan yhtenäinen ominaisuus
Kuvanhallinnan yhtenäinen ominaisuus

Viimeinen asia ennen kuin lopetamme tämän oppitunnin. Jos haluat asettaa kuvan C # -koodilla, sinun on vain luotava objekti BitmapImage-objektille ja määriteltävä URI ylikuormitetussa konstruktorissa. Kun BitmapImage-objekti luodaan, kaikki on tehtävä vastaamaan kuvanhallinnan lähdeominaisuutta.

BitmapImage myImage = uusi BitmapImage (uusi Uri ("/ Images; component / Images / Penguins.jpg", UriKind.Relative));

image1.Source = myImage;

Se on melko yksinkertainen ohjaus ja sen hyödyllisyys palvelee monissa paikoissa.

Juuri nyt, seuraavassa opetusohjelmassa opimme lisää Tyylit ja resurssit.

Aiheeseen liittyvät julkaisut:

  • GPS, paikannusliittymä ja verkkopalvelujen soittaminen: Windows Phone Apps Development Tutorial - 25
  • Opi kehittämään Windows Phone 7.5 Mango-sovelluksia: osa 1
  • Windows Phone Tutorial 8: Mukautetun painikkeen luominen Expression Blend-I -ohjelmassa
  • Windows Phone Tutorial 4: Suunnittelu käyttöliittymästä
  • Tyylit ja resurssit: Windows Phone Apps Development Tutorial - osa 19

Suositeltava: