Darbs ar Image Control: Windows Phone Apps attīstības konsultācijas - 18. daļa

Darbs ar Image Control: Windows Phone Apps attīstības konsultācijas - 18. daļa
Darbs ar Image Control: Windows Phone Apps attīstības konsultācijas - 18. daļa

Video: Darbs ar Image Control: Windows Phone Apps attīstības konsultācijas - 18. daļa

Video: Darbs ar Image Control: Windows Phone Apps attīstības konsultācijas - 18. daļa
Video: Исправлена проблема с драйвером USB для Windows 8.1 и Windows 10 - Robojax 2024, Aprīlis
Anonim

Tagad, kad mēs izmantojam XAML notikumu un ieejas vadību, šajā Windows Phone 7.5 Mango lietojumprogrammu izstrādes sērijas mākslā mums ir jāapskata Image Control, kas ļauj attēlot attēlus jūsu Silverlight Windows Phone 7 lietojumprogrammā.

So let's get started!

Izveidojiet jaunu Windows Phone 7 projektu ar unikālu nosaukumu, piemēram, "ImageControlDemo". Tagad velciet un nometiet attēla vadību no instrumentu kopas uz dizaina virsmu. Tagad, lai attēla vadīšanā attēlotu attēlu, mēs izmantojam Attēla vadības rīku "Avots". Šo īpašumu var atrast rekvizītu logā tieši pirms objekta "Stretch". Avota īpašums nosaka, no kurienes attēls notiks, lai attēlotu Image Control. Noklikšķinot uz elipses blakus avota īpašumam, tiek atvērts jauns logs, kurā tiek lūgts izvēlēties attēlu. Noklikšķiniet uz pogas Pievienot attēlu, lai projektam pievienotu attēlu.

Izvēloties attēlu, notiek vairākas interesantas lietas. Vispirms Visual Studio automātiski izveido mapi ar nosaukumu Attēli un pievieno izvēlēto attēla failu. Otrkārt, tā izveido URI (vienoto resursu identifikatoru) / ceļu, lai piekļūtu attēlam, piemēram,'Images;component/Images/Picture1.jpg '. / Image attiecas uz izvietošanas pakotni, un pēc semikolona atsauce uz šo failu izvietošanas pakotnē, kad tā tiks izvietota pa tālruni, t.i., xap fails. Kad esat noklikšķinājis uz pogas Labi izvēlnes logā izvēlieties attēlu, attēls tiek ielādēts attēla vadības panelī.

Cits ievērojams attēla vadības līdzeklis ir "Stretch" īpašums. Stretch īpašuma iestatīšana, lai aizpildītu; aizpilda visu attēla vadības laukumu ar attēlu, neatkarīgi no attēla izmēriem. Attēla kontroles lieluma maiņa maina attēla izmēru. Neattiecas uz attēla proporciju, tādējādi izkropļojot attēlu. Stretch īpašuma iestatīšana vienotai saglabā pareizo perspektīvu, ievērojot attēla augstumu vai platumu, bet tas neapgrieztu attēlu. Stretch īpašuma iestatīšana uz "UniformToFill" apbalvo attēla vertikālās un horizontālās proporcijas. Ja nepieciešams, attēls tiek izgriezts, lai saglabātu proporciju. Apgriešanu var novērst, ļaujot lietotājam ritināt attēlu uz augšu vai uz leju, pa kreisi vai pa labi. Lai to paveiktu, viss, kas jums jādara, ir apkārt attēls ar ScrollViewer vadību un horizontālo un vertikālo ritjoslas redzamību padarīt redzamu.
Cits ievērojams attēla vadības līdzeklis ir "Stretch" īpašums. Stretch īpašuma iestatīšana, lai aizpildītu; aizpilda visu attēla vadības laukumu ar attēlu, neatkarīgi no attēla izmēriem. Attēla kontroles lieluma maiņa maina attēla izmēru. Neattiecas uz attēla proporciju, tādējādi izkropļojot attēlu. Stretch īpašuma iestatīšana vienotai saglabā pareizo perspektīvu, ievērojot attēla augstumu vai platumu, bet tas neapgrieztu attēlu. Stretch īpašuma iestatīšana uz "UniformToFill" apbalvo attēla vertikālās un horizontālās proporcijas. Ja nepieciešams, attēls tiek izgriezts, lai saglabātu proporciju. Apgriešanu var novērst, ļaujot lietotājam ritināt attēlu uz augšu vai uz leju, pa kreisi vai pa labi. Lai to paveiktu, viss, kas jums jādara, ir apkārt attēls ar ScrollViewer vadību un horizontālo un vertikālo ritjoslas redzamību padarīt redzamu.
Image Control Uniform Property
Image Control Uniform Property

Vēl viena pēdējā lieta, pirms mēs pabeigtu šo nodarbību. Ja vēlaties iestatīt attēlu, izmantojot C # kodu, viss, kas jums jādara, ir izveidot objektu BitmapImage objektu un norādīt URI pārslodzes konstruktors. Kad ir izveidots BitmapImage objekts, viss, kas jums jādara, ir pielīdzināt to Image Control avota īpašumam.

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

image1.Source = myImage;

Tas ir diezgan vienkāršs kontrole un tā noderība tiek pasniegta daudzās vietās.

Tas ir tas tagad, nākamajā apmācībā mēs uzzināsim vairāk par stiliem un resursiem.

Saistītie raksti:

  • GPS, atrašanās vietas API un Web pakalpojumu izsaukšana: Windows Phone Apps izstrādes apmācība - 25
  • Uzziniet, kā attīstīt Windows Phone 7.5 Mango lietojumprogrammas: 1.daļa
  • Windows Phone Tutorial 8: pielāgotas pogas izveide Expression Blend-I
  • Windows Phone Tutorial 4: lietotāja interfeisa izstrāde
  • Darbs ar stiliem un resursiem: Windows Phone Apps attīstības konsultācijas - 19. daļa

Ieteicams: