Rad s stilovima i resursima: Windows Phone Apps Development Tutorial - 19. dio

Rad s stilovima i resursima: Windows Phone Apps Development Tutorial - 19. dio
Rad s stilovima i resursima: Windows Phone Apps Development Tutorial - 19. dio
Anonim

Nakon što saznamo o kontroli slike, u ovom dijelu našeg tutorial serije, saznat ćemo više o dizajniranju aspekata aplikacija, a ne funkcionalnosti. Naučit ćemo kako upotrebljavati izbor boja korisnika u vašoj aplikaciji, pregledat ćemo i odabir različitih fontova i postavki boja i konačno ćemo pogledati kako kombinirati prilagođene postavke koje ćemo stvoriti u stilove koji se mogu koristiti na jednoj stranici ili cijeloj aplikaciji.

Počnimo odmah. Stvorite novi projekt s nekim nazivom kao i obično i postavite gumb gdje god želite. Sada pokrenite emulator i kliknite gumb Start. Na taj način možete doći do kartice postavki (kliknite strelicu usmjerenu pored ikone IE). Sada kada dođete do postavki, idite na teme. Ovdje možete korisniku mijenjati boju pozadine, kao i boju u prvom planu. Sada, ako odaberete različitu boju u prvom planu i započnete s primjenom, vidjet ćete razliku ili stil aplikacije jer nismo naredili našu aplikaciju da se pridržava izbora korisnika.

Ako vidite naš XAML prozor, vidjet ćete nekoliko svojstava poput font-family, font-size i tako dalje. Oni su unaprijed definirani za našu upotrebu. Samo pogledajte kako su definirani. Ovo su veze za imovinu, također poznate kao sintaksi obvezujuće. Resurs je bilo koja ponovna iskoristivost u Silverlightu koja je postavljena na jednom mjestu i koristi se u drugom! Baš kao i CSS.
Ako vidite naš XAML prozor, vidjet ćete nekoliko svojstava poput font-family, font-size i tako dalje. Oni su unaprijed definirani za našu upotrebu. Samo pogledajte kako su definirani. Ovo su veze za imovinu, također poznate kao sintaksi obvezujuće. Resurs je bilo koja ponovna iskoristivost u Silverlightu koja je postavljena na jednom mjestu i koristi se u drugom! Baš kao i CSS.

Dakle, gdje su definirani ti statistički resursi? Nećete ih moći pretraživati u našem projektu. Već su prisutni na našem Windows Phone 7.5 i poznati su kao tematske resurse. Ako želite saznati više o resursima teme, postoji velika stranica na MSDN-u gdje su navedeni svi brušeni (statički resursi). Iako su navedeni desetine resursa, koristit ćemo samo jedan resurs za našu aplikaciju, PhoneAccentBrush. To će omogućiti pristup pozadinskoj i crnoj boji. Možemo dodati ovaj resurs pomoću bilo kojeg od dva načina, bilo dodavanjem kroz prozore svojstava ili definiranjem u prozoru koda.

Počnimo uređivati kôd. Počnite upisivati sljedeće retke u području koda za gumb koji imamo u prozoru XAML.

BorderBrush = "{StaticResource PhoneAccentBrush}"

Kad napišete ovu liniju, primijetit ćete da granica gumba postaje Plava. Zašto je plava? Budući da su to neke zadane postavke koje je Microsoft učinio u alatu za razvojne programere sustava Windows Phone. Promijenimo sada svojstvo prednosti, ali ovaj put koristite prozor svojstva. Odaberite gumb i idite u svoj prozor svojstva i potražite predmete u prvom planu. Desni klik na taj entitet i kliknite na "Primijeni resurs". Kada to učinite, prikazat će vam popis dostupnih stilova. Kliknite na "PhoneAccentBrush" kao što smo radili s pozadinom. Sada pokušajte mijenjati pozadinu kao i boju emulera u prvom planu, a zatim pokrenuti aplikaciju.

Preporučeni: