Rad s kontrolom slike: Windows Phone Apps Development Tutorial - Dio 18

Rad s kontrolom slike: Windows Phone Apps Development Tutorial - Dio 18
Rad s kontrolom slike: Windows Phone Apps Development Tutorial - Dio 18

Video: Rad s kontrolom slike: Windows Phone Apps Development Tutorial - Dio 18

Video: Rad s kontrolom slike: Windows Phone Apps Development Tutorial - Dio 18
Video: Fix USB Ports Not Working in Windows 10 - YouTube 2024, Svibanj
Anonim

Sada kada se oslanjamo na XAML događaj i kontrole ulaza, u ovoj umjetnosti serijala za razvoj aplikacija Windows Phone 7.5 Mango App, imat ćemo pogled na kontrolu slike koja vam omogućuje prikaz slika u aplikaciji Silverlight Windows Phone 7.

Započnimo!

Stvorite novi projekt Windows Phone 7 s jedinstvenim imenom poput "ImageControlDemo". Sada povucite i ispustite kontrolu slike iz alata na dizajnersku površinu. Sada, kako bi se prikazala slika u kontroli slike, koristimo značajku 'Izvor' Image Control. Ova se nekretnina može pronaći u prozoru Svojstva neposredno prije imovine "Stretch". Značajka Izvor određuje mjesto na kojem će slika biti prikazana u prikazu kontrole slike. Nakon što kliknete elipsa pored izvornog entiteta pojavljuje se novi prozor koji nas traži da odaberemo sliku. Kliknite gumb Dodaj sliku da biste dodali sliku projektu.

Odabirom slike pojavit će se nekoliko zanimljivih stvari. Prije svega, Visual Studio automatski stvara mapu po imenu Slike i dodaje datoteku slike koju ste odabrali. Drugo, stvara URI (Uniform Resource Identifier) / put za pristup slikama, nešto poput '/Images;component/Images/Picture1.jpg'. Slika / slika odnosi se na paket za implementaciju i ono što dolazi nakon točke-zarezne stranice upućuje na tu datoteku unutar paketa za implementaciju nakon što je implementirana na telefonu, tj. Xap datoteku. Nakon što kliknete gumb U redu u prozoru Odabir slike, slika se učita u kontrolu slike.

Druga značajna svojstva kontrole slike su svojstva "Stretch". Postavljanje svojstva istezanja na Fill; ispunjava cijelo područje kontrole slike sa slikom bez obzira na dimenzije slike. Promjena veličine slike kontrole mijenja veličinu slike. S obzirom na udio slike nisu dani time iskrivljuju sliku. Postavljanje značajke Stretch na Uniform čuva perspektivu ispravnim poštivanjem visine ili širine slike, ali neće izrezati sliku. Postavljanje značajke Stretch na "UniformToFill" poštuje okomite i horizontalne slike. Slika se prekida ako je potrebno za održavanje proporcije. Rezanje se može riješiti tako što korisniku omogućuje pomicanje slike gore ili dolje, lijevo ili desno. Da biste to učinili, sve što trebate učiniti je okružiti sliku pomoću kontrole ScrollViewer i postaviti njegovu horizontalnu i vertikalnu vidljivost pomicanja na vidljivo.
Druga značajna svojstva kontrole slike su svojstva "Stretch". Postavljanje svojstva istezanja na Fill; ispunjava cijelo područje kontrole slike sa slikom bez obzira na dimenzije slike. Promjena veličine slike kontrole mijenja veličinu slike. S obzirom na udio slike nisu dani time iskrivljuju sliku. Postavljanje značajke Stretch na Uniform čuva perspektivu ispravnim poštivanjem visine ili širine slike, ali neće izrezati sliku. Postavljanje značajke Stretch na "UniformToFill" poštuje okomite i horizontalne slike. Slika se prekida ako je potrebno za održavanje proporcije. Rezanje se može riješiti tako što korisniku omogućuje pomicanje slike gore ili dolje, lijevo ili desno. Da biste to učinili, sve što trebate učiniti je okružiti sliku pomoću kontrole ScrollViewer i postaviti njegovu horizontalnu i vertikalnu vidljivost pomicanja na vidljivo.
Jedinstvena svojstva kontrole slike
Jedinstvena svojstva kontrole slike

Još jedna stvar prije nego završimo ovu lekciju. U slučaju da želite postaviti sliku preko C # koda, sve što trebate napraviti je stvoriti objekt BitmapImage objekta i odrediti URI u preopterećenom konstruktoru. Jednom kada se stvorio objekt BitmapImage, sve što trebate učiniti je označiti ga izvornom svojstvu Upravljanja slika.

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

image1.Source = myImage;

To je prilično jednostavna kontrola i ima svoju korisnost služio na mnogim mjestima.

To je za sada, u sljedećem udžbeniku saznat ćemo više o stilovima i resursima.

Vezane objave:

  • GPS, API lokacije i pozivanje web usluga: Izrada razvojnih vodiča za Windows Phone - 25
  • Saznajte kako razviti Windows Phone 7.5 Mango aplikacije: 1. dio
  • Windows Phone Tutorial 8: Izrada prilagođenog gumba u izrazu Blend-I
  • Windows Phone Tutorial 4: Izrada korisničkog sučelja
  • Rad s stilovima i resursima: Windows Phone Apps Development Tutorial - 19. dio

Preporučeni: