Darbas su "Image Control": "Windows Phone Apps" kūrimo vadovėlis - 18 dalis

Darbas su "Image Control": "Windows Phone Apps" kūrimo vadovėlis - 18 dalis
Darbas su "Image Control": "Windows Phone Apps" kūrimo vadovėlis - 18 dalis

Video: Darbas su "Image Control": "Windows Phone Apps" kūrimo vadovėlis - 18 dalis

Video: Darbas su
Video: Fix USB Ports Not Working in Windows 10 2024, Balandis
Anonim

Dabar, kai mes remiame "XAML Event & Input Controls", šiame meniu "Windows Phone 7.5" "Mango" programų kūrimo serijoje mes pažvelgsime į "Image Control", kuri leidžia rodyti vaizdus "Silverlight" "Windows Phone 7" programoje.

Taigi pradėkime!

Sukurkite naują "Windows Phone 7" projektą su unikaliu vardu "ImageControlDemo". Dabar vilkite vaizdų valdymą iš įrankių dėžutės į dizaino paviršių. Dabar, norėdami parodyti vaizdą vaizdo valdyme, naudosime "Image Control" nuosavybės "Šaltinį". Ši nuosavybė yra "Properties Window" langelyje prieš "Stretch" nuosavybę. Šaltinio nuosavybė apibrėžia, iš kur atvaizdas bus rodomas Image Control. Spustelėjus elipsę šalia nuosavybės šaltinio, atsidaro naujas langas, kuriame prašoma pasirinkti vaizdą. Spustelėkite mygtuką Pridėti nuotrauką, kad pridėtumėte vaizdą prie projekto.

Pasirinkus vaizdą atsiranda pora įdomių dalykų. Pirmiausia "Visual Studio" automatiškai sukuria aplanką pavadinimu "Images" ir pridės pasirinktą vaizdo failą. Antra, jis sukuria URI (Uniformous Resource Identifier) / kelią, kad galėtumėte pasiekti vaizdą, panašų į "/Images;component/Images/Picture1.jpg". / Image nurodo diegimo paketą, o po to, kai kabliataškis nurodo tą failą per dislokavimo paketą, kai jis yra dislokuotas telefone, t. Y. Xap failas. Kai spustelėsite langą "Pasirinkti vaizdą" mygtuką OK, vaizdas įkeliamas į vaizdo valdiklį.

Kitas svarbus vaizdo valdymo elementas yra "Stretch" nuosavybė. "Stretch" nuosavybės nustatymas į Fill; užpildo visą vaizdo valdymo srities vaizdą, nepriklausomai nuo nuotraukos dydžio. Vaizdo dydžio keitimas keičia vaizdo dydį. Nesvarbu, kokia yra vaizdo dalis, tai iškraipo vaizdą. Nustačius "Stretch" nuosavybę į "Uniform", teisingai vertinama perspektyva, įvertinant vaizdo aukštį arba plotį, tačiau jis neapkarpys nuotraukos. "Stretch" nuosavybės nustatymas į "UniformToFill" pagerina nuotraukos vertikaliąsias ir horizontalias proporcijas. Paveikslėlis nukirptas, jei reikia, proporcingai išlaikyti. Apkarpymą galima spręsti, leidžiant vartotojui slinkti vaizdą aukštyn arba žemyn, į kairę arba į dešinę. Norėdami tai padaryti, viskas, ką jums reikia padaryti, yra apjuosti vaizdą naudodami "ScrollViewer" valdiklį ir nustatyti, kad jo horizontalus ir vertikalus slinkties juostos matomumas būtų matomas.
Kitas svarbus vaizdo valdymo elementas yra "Stretch" nuosavybė. "Stretch" nuosavybės nustatymas į Fill; užpildo visą vaizdo valdymo srities vaizdą, nepriklausomai nuo nuotraukos dydžio. Vaizdo dydžio keitimas keičia vaizdo dydį. Nesvarbu, kokia yra vaizdo dalis, tai iškraipo vaizdą. Nustačius "Stretch" nuosavybę į "Uniform", teisingai vertinama perspektyva, įvertinant vaizdo aukštį arba plotį, tačiau jis neapkarpys nuotraukos. "Stretch" nuosavybės nustatymas į "UniformToFill" pagerina nuotraukos vertikaliąsias ir horizontalias proporcijas. Paveikslėlis nukirptas, jei reikia, proporcingai išlaikyti. Apkarpymą galima spręsti, leidžiant vartotojui slinkti vaizdą aukštyn arba žemyn, į kairę arba į dešinę. Norėdami tai padaryti, viskas, ką jums reikia padaryti, yra apjuosti vaizdą naudodami "ScrollViewer" valdiklį ir nustatyti, kad jo horizontalus ir vertikalus slinkties juostos matomumas būtų matomas.
Vaizdo valdymas Uniform Property
Vaizdo valdymas Uniform Property

Vienas paskutinis dalykas, kol baigsime šią pamoką. Jei norite nustatyti vaizdą per C # kodą, viskas, ko jums reikia padaryti, yra sukurti Objektą BitmapImage objektą ir nurodyti URI perkrautame konstruktoriuje. Sukūrus "BitmapImage" objektą, viskas, ką jums reikia padaryti, yra prilyginti jį vaizdo valdymo šaltinio nuosavybei.

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

image1.Source = myImage;

Tai gana paprasta kontrolė ir jos naudingumas yra naudojamas daugelyje vietų.

Tai jau dabar, kitame pamokoje mes sužinome daugiau apie stilius ir resursus.

Susijusios žinutės:

  • GPS, vietovių API ir skambučių žiniatinklio paslaugos: "Windows Phone Apps" kūrimo vadovėlis - 25
  • Sužinokite, kaip plėtoti "Windows Phone 7.5" "Mango" programas: 1 dalis
  • "Windows Phone Tutorial" 8: "Custom Button Expression Blend-I" sukūrimas
  • "Windows Phone Tutorial" 4: vartotojo sąsajos kūrimas
  • Darbas su stilius ir ištekliais: "Windows Phone Apps" kūrimo vadovas - 19 dalis

Rekomenduojamas: