Ovaj vodič nastavak je Dijela I u sklopu vodiča za Windows Phone: Samo kopiranjem i lijepljenjem koda iz Vizualnog samo Studio na mješavinu izraza stvorili smo repliku aplikacije Silverlight u mješavini izražavanja. Sada ćemo dizajnirati prilagođeni gumb slijedeći korake:
1. Potvrdite da je MainPage.xaml otvorena je u prozoru dizajna i postavljena je na trenutni radni prostor Dizajn, Da biste vidjeli trenutni radni prostor, odaberite Radni prostori u Prozor izbornik i osigurati da Dizajn opcija je označena.
2. U prozoru dizajera desnom tipkom miša kliknite "Kliknite mi"Gumb, pokažite na Uredi predložak i odaberite Izradite prazno.
3. U Stvorite resurs ControlTemplate dijalog, postavite Ime doFancyButton, zadržite trenutnu vrijednost " Ovaj dokument"U Definirajte u opciju i kliknite u redu.
4. Provjerite je li ploča Objekti i Vremenska traka vidljiva, ako ne, odaberite Prozor i onda Predmeti i vremenska linija da biste prikazali ovu ploču. Drugo možete resetirati svoj radni prostor.
5. Promijenite trenutni spremnik izgleda korijena predloška. U Predmeti i vremenska linija desnom tipkom miša kliknite dijete rešetka element unutar predložak, pokažite na Promijeni vrstu izgleda, i odaberite Granica.
6. Pomoću Granica element još uvijek odabran u Predmeti i vremenska linija pomaknite se na Nekretnine ploča i ispod Izgled, postavite vrijednost BorderThickness imovina na2 za svaku stranu, a zatim postavite vrijednost CornerRadius imovina na15.
7. Sljedeće, u Četke odaberite pozadina imovine i odaberite Četkom za gradijent opcija. Zatim odaberite lijevi gradijent zaustavljanje i postavite vrijednost na svijetlosivu boju, na primjer#FFADADAD, Zatim odaberite desni zaustavljanje gradijenta i postavite vrijednost na tamnosivu boju, na primjer# FF0A0A0A.
8. Sada, u Četke odaberite BorderBrush imovine, odaberite a Četkasta četka za boju i odaberite svijetlosivu boju, na primjer# FFC0C0C0.
9. Sljedeći korak je dodavanje naslova. Prvo, provjerite je li Granica element ostaje odabran u Predmeti i vremenska linija ploča.
10. Sada se prebacite na Imovina, odaberite kontrole kategoriju i pomaknite se prema dolje na popisu koji se prikazuje desno od kategorije da biste locirali TextBlock kontrolirati. Zatim dvokliknite stavku na popisu da biste umetnuli primjer ove kontrole ugniježđene unutar Granica element predloška.
Sada, u alat panel, odaberite Izbor alata ili pritisnite V za vraćanje načina odabira.
12. U Predmeti i vremenska linija odaberite nedavno dodano TextBlock element. Zatim, u Nekretnine proširite Četke kategoriju i postavite prednji na primjer, četkom na svijetloj boji#FFFFFFFF.
13. Sada, proširite raspored kategoriju i postavite vrijednost horizontalno i VerticalAlignment svojstva uCentar, Zatim postavite vrijednost Margina imovina na10 za lijevu i desnu stranu, i na4 za gornje i donje strane.
14. Povezati Tekst vlasništvo tvrtke školski kontrola u predlošku na Sadržaj entiteta kontrole predloženog gumba. Uraditi ovo:
- Proširite Zajednička svojstva kategorija
- Klik Napredne opcije entiteta -označen kvadratnom ikonom pored vrijednosti objekta
- Odaberi Vezanje predloška za prikaz popisa svojstava u predloženoj kontroli koja se može vezati za ovaj entitet
- Odaberi Sadržaj imovine s ovog popisaZapamtite da vrijednost Tekst promjene entiteta u "Kliknite mi"- vrijednost trenutno postavljena za Sadržaj svojstvo gumba - i da se ta nekretnina sada prikazuje sa žutim obrisom kako bi naznačila da je vezana za predložak.
15. Pritisnite CTRL + S za spremanje ažurirane datoteke.
16. Sada ste spremni testirati novi prilagođeni gumb. tisak F5 za izradu i pokretanje aplikacije
Vezane objave:
- Windows Live Essentials Izvanmrežne instalacije za sve jezike Linkovi
- Kompletan popis prečaca na tipkovnici Windows Live Writera
- Besplatni predložak stila Metro stila za korisnike Visual Basic
- Windows Phone Tutorial 11: Izrada animacije za tekst bannera
- Testni pogon Windows OS u VirtualBoxu - Detaljni vodič zaslona