Töötamine pildikontrolliga: Windowsi telefoniprogrammide arendusjuhend - osa 18

Töötamine pildikontrolliga: Windowsi telefoniprogrammide arendusjuhend - osa 18
Töötamine pildikontrolliga: Windowsi telefoniprogrammide arendusjuhend - osa 18

Video: Töötamine pildikontrolliga: Windowsi telefoniprogrammide arendusjuhend - osa 18

Video: Töötamine pildikontrolliga: Windowsi telefoniprogrammide arendusjuhend - osa 18
Video: How to Tweak your Windows 7 or 8 System - YouTube 2024, November
Anonim

Nüüd, kui me leiame XAMLi sündmuse ja sisendi juhtelementide seast Windows Phone 7.5 Mango rakenduste arendusserveri selles kunstis, peame vaatama pildikontrolli, mis võimaldab teil kuvada kujutisi oma Silverlight Windows Phone 7 rakenduses.

Nii et lähme!

Loo uus Windows Phone 7 projekt, millel on unikaalne nimi nagu "ImageControlDemo". Nüüd lohistage pildikontroll tööriistakastist disainipinnale. Nüüd, pildi kuvamiseks pildikontrollis, kasutame Image Controli vara "Source". Seda omadust leidub Properties Aknas vahetult enne Stretch vara. Allika omadus määrab kujutise päritolu, mida kuvatakse pildikontrollis. Kui klõpsate allika omaduste kõrval asuvat ellipsit, avaneb uus aken, milles palutakse meil pilti valida. Klõpsake pildi lisamiseks projekti lisamiseks nuppu Lisa pilt.

Kujutise valimisel toimub paar huvitavat asju. Esiteks Visual Studio automaatselt loob kausta nimega Images ja lisab valitud pildifaili. Teiseks loob see pildile ligipääsu URI (Uniform Resource Identifier) / tee, näiteks "/Images;component/Images/Picture1.jpg". / Image viitab kasutuselevõtupaketti ja semikoolonile järgnevat viidet rakenduspaketi faili kasutamisel, kui see on telefonis kasutusele võetud, st xap-fail. Kui klõpsate akna Vali pilti nuppu OK, laaditakse pilt pildikontrolli.

Kujutise juhtimise muu märkimisväärne omadus on omadus "Stretch". Stretchi omaduse määramine täitmiseks; täidab pildi juhtimise kogu ala pildiga, olenemata pildi mõõtmetest. Kujutise suuruse muutmine muudab pildi suurust. Kujutise osakaalu ei anta, moonutades nii pilti. Stretchi omaduse määramine Uniformile hoiab pildi kõrguse või laiuse austavana perspektiivi õige, kuid see ei kärpeta pilti. Stretch vara seadmine UniformToFillile austab pildi vertikaalset ja horisontaalset proportsiooni. Proportsionaalsuse säilitamiseks vajadusel ka pilti. Lõikamist saab lahendada, võimaldades kasutajal pilti kerida üles või alla, vasakule või paremale. Selle tegemiseks peate ainult pildi ümbritsema ScrollVieweri juhtimispuldiga ja seadma horisontaalse ja vertikaalse kerimisriba nähtavuse nähtavaks.
Kujutise juhtimise muu märkimisväärne omadus on omadus "Stretch". Stretchi omaduse määramine täitmiseks; täidab pildi juhtimise kogu ala pildiga, olenemata pildi mõõtmetest. Kujutise suuruse muutmine muudab pildi suurust. Kujutise osakaalu ei anta, moonutades nii pilti. Stretchi omaduse määramine Uniformile hoiab pildi kõrguse või laiuse austavana perspektiivi õige, kuid see ei kärpeta pilti. Stretch vara seadmine UniformToFillile austab pildi vertikaalset ja horisontaalset proportsiooni. Proportsionaalsuse säilitamiseks vajadusel ka pilti. Lõikamist saab lahendada, võimaldades kasutajal pilti kerida üles või alla, vasakule või paremale. Selle tegemiseks peate ainult pildi ümbritsema ScrollVieweri juhtimispuldiga ja seadma horisontaalse ja vertikaalse kerimisriba nähtavuse nähtavaks.
Image Control Uniform Property
Image Control Uniform Property

Viimane asi enne seda õppetundi lõppu. Kui soovite pildi C # -koodi seadistada, peate vaid tegema BitmapImage objekti objekti ja määrama URI ülekoormatud konstruktoris. Kui BitmapImage objekt luuakse, peate ainult võrdlema Image Control'i allika omadustega.

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

image1.Source = myImage;

See on üsna lihtne kontroll ja kasulikkust teenib paljudes kohtades.

Nüüd on see järgmine juhendus, kus me õppime rohkem stiilide ja ressursside kohta.

Seonduvad postitused:

  • GPS, asukoha API ja veebiteenuste väljakutse: Windowsi telefoniprogrammide arendusjuhend - 25
  • Õppige arendama Windows Phone 7.5 Mango rakendusi: 1. osa
  • Windows Phone Tutorial 8: kohandatud nupu loomine Expression Blend-I-s
  • Windows Phone Tutorial 4: kasutajaliidese loomine
  • Stiilide ja ressursside kasutamine: Windowsi telefonirakenduste arendusjuhend - osa 19

Soovitan: