- Prijevod
Razvoj aplikacija za Windows platforma Phone 7 sličan je razvoju pod Android platforma više nego što biste mogli očekivati. U ovom članku Chris Bennett istražuje sličnosti između dviju platformi.
Razlike između platformi
Prije nego što se upustite u specifične alate i procese za prijenos i/ili izradu aplikacija za Windows Phone 7, počnimo s terminologijom i tehnološkim razlikama između Windows Phone 7 i Androida. Prvi velika razlika je da se aplikacije za Windows Phone 7 stvaraju kao upravljani .NET sklopovi napisani u C#. Platforma podržava dvije vrste aplikacija: Silverlight i XNA igre.Većina Windows Phone 7 aplikacija izgrađena je korištenjem Silverlighta, koji pruža način interakcije s korisnikom temeljen na obrascima putem standardnih kontrola kao što su tekstni okviri, tekstualna polja, liste itd. Silverlight analog za Android Layout i njegovu prateću aktivnost je Page.
Druga vrsta aplikacije koju podržava Windows Phone 7 je XNA, koja programerima omogućuje stvaranje 2D i 3D igara. Ovo je Android ekvivalent SurfaceView i GLSurfaceView za 2D i 3D. Za razliku od Androida, koji se fokusira na korištenje OpenGL-a za igre, XNA igre koriste Direct3D, što olakšava prijenos igara s PC i Xbox 360 platformi.
Stranice i navigacija
Silverlight stranice se stvaraju kao XML datoteke, baš kao i Android Layouts. Za opis stranice u XML datoteci koristi se XAML (Extensible Application Markup Language). XAML je sličan Android Layoutu, ali ima više širok raspon prilike. XAML omogućuje razvojnim programerima implementaciju radnji povezanih sa stranicom, uključujući animacije, povezivanje podataka i više, smanjujući količinu potrebnog koda.Android Layout odvojen je od aktivnosti koja se koristi za izvođenje radnji. Kao rezultat toga, prisiljeni ste napisati kod za povezivanje aktivnosti s odgovarajućim elementima korisničkog sučelja (UI). C# kod za određenu stranicu već je povezan s elementima korisničkog sučelja i jednostavno nema takve potrebe. Platforma automatski stvara potrebna "vezivanja" za objekte i događaje za stranicu i korisničko sučelje. To sprječava nered koji se obično događa u metodi OnCreate svakog zadatka, gdje stvarate vezivanje korisničkog sučelja i razne potrebne rukovatelje.
Još jedna važna razlika između platformi je navigacija. U Androidu prelazite s jednog zadatka na drugi stvaranjem namjere. Ekvivalent u sustavu Windows Phone 7 je navigacija, koja vam omogućuje kretanje između različitih stranica. Kao i kod Android Intenta, možete proslijediti podatke stranici na koju idete. Stranica u sustavu Windows Phone 7 ima neka svojstva slična stranici ASP.net. Na primjer, uobičajeno je koristiti QueryString za prosljeđivanje informacija na sljedeću stranicu.
Pretvorite izglede u stranice
Prije nego što se upustimo u kod, moramo pogledati pretvaranje Android Layout XML-a u Windows Phone 7 XAML stranice. Naravno, jedna od sjajnih stvari kod besplatnih alata za Windows Phone 7 je kvaliteta alata za dizajn koji su dostupni za XAML. XAML dizajner uključen Vizualni studio 2010 prvenstveno je namijenjen programerima za dobivanje osnovnih kontrola stranice i početak razvoja. Expression Blend je dizajniran za stvaranje profesionalni dizajn s naprednijim skupom alata za poboljšanje korisničkog sučelja. Kao i kod Android izgleda, uvijek možete pribjeći izravnom uređivanju XAML-a uređivač teksta, budući da je to obična XML datoteka.Stranica Windows Phone 7 nudi izgled i kontrole slične izgledu Androida. Sljedeća tablica prikazuje ekvivalente za obje platforme.
Elementi označavanja
Imajte na umu da Windows Phone 7 ima podudaranja jedan na jedan za osnovni elementi označavanje i upravljanje. Ali za neke od specijaliziranih elemenata za označavanje i kontrolu nema korespondencije. Razlog tome leži u bogatstvu XAML-a, koji čini vrlo lakim ugniježđivanje kontrola jedne u drugu. Na taj način možete, na primjer, dodati ListBox s CheckBoxovima uz svaku stavku bez potrebe za pisanjem koda. To znači da vam ne trebaju sve te komplicirane povezane kontrole; one se mogu kreirati i mijenjati unutar vaše aplikacije.Pohrana podataka
Pohrana podataka velik je dio izazova pri razvoju većine mobilne aplikacije. U sustavu Windows Phone 7 ideja je koristiti usluge u oblaku kao glavno sredstvo za pohranu podataka. Ovo se u početku može činiti pomalo čudnim, ali ako izrađujete klijentsku aplikaciju za svoje web mjesto, ima smisla. Ako nećete ići ovim putem, onda imate dvije mogućnosti: koristiti komercijalne usluge za skladištenje, kao npr Windows Azure ili koristite lokalno sučelje IsolatedStorage. IsolatedStorage vam omogućuje pohranjivanje datoteka koje će koristiti samo vaša aplikacija.Ovisno o tome kako vaša aplikacija pohranjuje podatke, možda ćete htjeti pohraniti podatke lokalno bez potrebe za stvaranjem i korištenjem baze podataka. Na primjer, ako stvarate RSS/Podcast aplikaciju, možete jednostavno pohraniti XML iz RSS feeda. Ako trebate pristupiti podacima, jednostavno učitajte podatke i koristite LINQ (jezični integrirani upit) za dohvaćanje određenih podataka.
U primjeru RSS aplikacije mogli bismo raditi s neobrađenim XML-om iz RSS feeda ili bismo mogli koristiti LINQ za XML za stvaranje XDocumenta za pohranjivanje zapisa, kao što je prikazano u nastavku:
- //Stvori XML
- XDocument doc = novi XDocument();
- doc.Add(new XElement("DataRoot" ,
- novi XElement("Zapis" ,
- novi XElement ("vrijednost", "podaci1")),
- novi XElement("Zapis" ,
- novi XElement ("vrijednost", "podaci2"))
XML generiran ovime jednostavan fragment kod izgleda ovako:
* Ovaj izvorni kod je istaknut Markerom izvornog koda.
- < DataRoot >
- < Record >
- < value >podaci1
- < Record >
- < value >podaci2
Za pohranu ovog XML-a u izoliranu pohranu koristimo IsolatedStorageFile s IsolatedStorageFileStream kao što je prikazano u sljedećem isječku:
* Ovaj izvorni kod je istaknut Markerom izvornog koda.
- //Spremite XML
- doc.Spremi(datoteka);
- datoteka.Zatvori();
Kao što vidite, vrlo je jednostavno implementirati pohranjivanje XML podataka u izoliranu pohranu. Kôd za dobivanje XML-a i stvaranje LINQtoXML upita prikazan je u nastavku:
* Ovaj izvorni kod je istaknut Markerom izvornog koda.
- //Učitaj XML
- pomoću (IsolatedStorageFile isf = IsolatedStorageFile.GetUserStoreForApplication())
- koristeći (IsolatedStorageFileStream file = isf.OpenFile("data.xml" , FileMode .OpenOrCreate))
- XDocument d = XDocument .Load(file);
- var query = from r in d.Root.Elements("Record" )
- odaberite r;
- //Obradi popis zapisa
Iako je gornji primjer vrlo jednostavan, on ilustrira koliko je jednostavno implementirati pohranu podataka na vašem telefonu bez potrebe za stvaranjem i korištenjem baze podataka. Ovaj se kod također može proširiti za pohranu složenijih podataka.
Razvojni alati
Kao programer za Android, vjerojatno ste navikli na dobre i loše strane razvoja otvorenog koda. Korištenje Eclipse IDE za Android je naravno dio dobre strane. Ali Android Development Toolkit (ADT) nedostaje mnogima potrebni alati, kao što su odgovarajući alati za označavanje. Iako ADT pruža slične alate, oni nisu dovoljno robusni da bi vam omogućili jednostavno stvaranje oznaka—vjerojatno ćete morati zaroniti u XML.Microsoft već godinama pruža pouzdane razvojne alate. Ni platforma Windows Phone 7 nije bila iznimka. Microsoft, kao i obično, olakšava i jeftino je započeti razvoj odmah. Java programeri mogu preuzeti i isprobati ove alate bez trošenja novca.
Sljedeći alati trenutno su dostupni na create.msdn.com:
- Microsoft Visual Studio 2010 Express za telefon
- Microsoft Expression Blend za telefon
- Microsoft XNA Game Studio za telefon
Microsoft Visual Studio 2010 Express za telefon primarno je sveobuhvatno razvojno okruženje (IDE) koje se koristi za izradu aplikacija za Windows Phone 7. Uključuje sve alate koji su vam potrebni za izradu aplikacija, uključujući alat za označavanje stranice, C kompajler #, Windows Phone 7 emulator i još mnogo toga.
Microsoft Expression Blend for Phone alat je prvenstveno namijenjen profesionalni dizajneri i koristi se za poboljšanje stranica u Silverlight aplikaciji. Programeri mogu koristiti ovaj alat za stvaranje stranica od nule ili već unaprijediti stranice postojeću aplikaciju bez utjecaja na njegov kod.
Microsoft XNA Game Studio za telefon pruža skup alata potrebnih za stvaranje 2D i 3D igara za platformu. Studio također uključuje XNA Framework, kao i alate potrebne za omogućavanje zvuka i grafike potrebne za stvaranje igara temeljenih na petlji.
Zaključak
Ponude Windows Phone 7 novi pristup na operativni sustav za pametne telefone, ali se još uvijek temelji na provjerenim tehnologijama kao što su Silverlight, WPF, C# i mnoge druge. Kao što možete vidjeti iz ovog članka, razlike između Androida i Windows Phone 7 nisu tako velike.UPD: Objavio sam prijevod ovog članka kako bih pokazao da učenje razvoja za Windows Phone 7 platformu nije tako teško ako već imate iskustva u razvoju za Android. Ne kaže da bilo koji od ovih mobilne platforme bolje ili gore.
Molim vas nemojte gurati moju karmu u minus kako bih mogao objavljivati druge članke o razvoju za Windows Phone 7. Ako vas ne zanima, prođite, ne uskraćujte onima koji su zainteresirani da nauče nešto novo.
Prije početka procesa razvoja aplikacije za Mobiteli oni koji rade trebaju biti spremni specijalni alati, bez kojih će biti nemoguće završiti daljnje faze.
Priprema za razvoj zahtijeva sljedeći softver:
- Visual Studio 2010
Ovaj vam softver omogućuje puna upotreba kašnjenja. Vrijedno je napomenuti da se slične odgode koriste za desktop verzije sustava Windows.
- Izrazna mješavina
Softver je vizualni dizajner, zahvaljujući kojem možete jednostavno raditi sa slojevima, svim vrstama predložaka, stilovima dizajna i animacijama. Verzija Expression Blend4 za Windows Telefon dostupan za besplatno preuzimanje. Vrijedno je napomenuti da je Expression Blend osnova za XAML.
- Windows Phone SDK
Pomoću ovog paketa razvojni proces može započeti.
- Emulator za Windows Phone
Omogućuje stvaranje u emulatoru s ugrađenim Internet Explorer 9, opremljen HTML5, aplikacijama. Također ga možete koristiti za testiranje poziva i slanja SMS-ova, kao i podršku mnogima korisne funkcije, uključujući multi-touch na monitorima, simulaciju kamere. Dostupne su usluge geolokacije. Međutim, ovaj emulator ne podržava Zune medijski sadržaj.
- XNA Game Studio 4.0
Zahvaljujući ovom softveru, možete razvijati igre za konzole, računala i WindowsPhone. Knjižnice XNA Framework važan su dio softvera koji karakterizira upravljani kod.
Dodatni softver
Dodatni alati za programere uključuju sljedeće:
- Windows Programer telefona Alat za registraciju.
- WindowsPhone Profiler. Pomaže u otkrivanju problema s izvedbom.
- Silverlight Toolkit za WindowsPhone.
Značajke razvojnog okruženja
Nakon što se instaliraju svi potrebni alati, programeri će imati pristup brojnim predlošcima aplikacija Silverlight za WindowsPhone. Ovaj softver uključuje kompletan skup tehnoloških komponenti za razvoj i korisničko sučelje u stilu Windows 8, što je učinkovit koncept za dizajn sučelja i sustava koji vam omogućuje interakciju s korisnikom na visoka razina. Uz njegovu pomoć, možete stvoriti nezaboravan i originalan stil koji će doista učiniti aplikaciju istaknutom među mnogim drugima u trgovini.
Postoje tri predloška koji predstavljaju tri različita stila dizajnirana za WindowsPhone:
- Prvi predložak zove se WindowsPhone aplikacija, što je uobičajeni primjer aplikacije za razgovor. Interakcija s korisnicima odvija se pomoću jednog ekrana.
- WindowsPhone Pivot Application kreiran je kao aplikacija koja sadrži knjižne oznake. Svaki od bookmarkova ima svoj naslov, prema kojem možete odrediti sadržaj. Pivot se koristi kao kontrolni element.
- WindowsPhone Panorama Application ima jedinstveni sustav interakcije s korisnicima, koji se provodi kroz zone podijeljene na panele s horizontalnim pomicanjem. Za ovog predloška karakterističan raspored pozadinske slike kroz cijelu panoramu. Sadržaj postavljen na susjednu ploču sa desna strana, može se vidjeti prilikom prikaza trenutnog. Panorama je element upravljanja.
Vrijedno je napomenuti da su predlošci čija imena završavaju s Agent predlošci za posebne biblioteke, Glavni cilj koji je za obavljanje raznih pozadinskih zadataka. Postoji također veliki iznos razne druge predloške koji izvode važna uloga u procesu razvoja raznih mobilnih aplikacija.
Možete saznati više o razvoju aplikacija za Windows Phone .
Prije nego počnemo istraživati mogućnosti platforme i razvijati aplikacije, moramo biti sigurni da imamo sve potrebne alate i da razumijemo neke osnove razvoja.
Alati
Visual Studio 2010
Za razvoj za Windows Phone trebat će vam Visual Studio 2010 sa Service Pack 1 Professional izdanjem ili novijim. Ako nemate Visual Studio 2010, kada instalirate Windows Phone Development Tools, automatski će se instalirati besplatna verzija Visual Studio 2010 Express za Windows Phone, koji se također može koristiti za razvoj aplikacija za Windows Phone.
Obje verzije integriranih razvojnih alata Visual Studio pružaju programeru s pune mogućnosti otklanjanje pogrešaka na uređaju i emulatoru, isto kao i za programere aplikacija za desktop verziju sustava Windows.
Imajte na umu da za otklanjanje pogrešaka na uređaju, osim samog uređaja i kabela za spajanje na računalo, morate imati instaliran Zune softver (http://zune.net) na računalu s razvojnim alatima. Također, prije postavljanja aplikacije i otklanjanja pogrešaka, morate registrirati uređaj ("otključati" ga) pomoću Windows Phone Developer Registration Tool, koji je instaliran s Windows Phone SDK.
Windows Phone SDK
Ovaj paket, dostupan za preuzimanje na web stranici App Hub http://create.msdn.com, sadrži sve što vam je potrebno za početak razvoja. U vrijeme pisanja ovog članka, Najnovija verzija alat dostupan u Windows verzije Phone SDK 7.1 Release Candidate u licenci “Go Live” s mogućnošću razvoja vlastitih aplikacija i njihovog objavljivanja na Windows Phone Marketplaceu. Windows Phone SDK 7.1 Release Candidate sadrži sljedeće komponente:
- Windows Phone SDK 7.1
- Windows Phone Emulator
- Windows Phone SDK 7.1 sklopovi
- Silverlight 4 SDK i DRT
- Windows Phone SDK 7.1 proširenja za XNA Game Studio 4.0
- Expression Blend SDK za Windows Phone 7
- Expression Blend SDK za Windows Phone OS 7.1
- WCF Data Services klijent za Windows Phone
- Microsoft Advertising SDK za Windows Phone
Ako nemate instalirano izdanje Visual Studio 2010 Professional, Expression Bland 4 ili XNA Game Studio 4.0, postupak instalacije također će preuzeti i instalirati:
- Visual Studio 2010 Express za Windows Phone
- Expression Blend 4 za Windows Phone
- XNA Game Studio 4.0
Expression Blend i Expression Blend za Windows Phone
Expression Blend je interaktivni vizualni dizajner za XAML, tehnologiju opisa sučelja za aplikacije Silverlight i Windows Presentation Foundation (WPF). To je izvrstan razvojni alat koji vam omogućuje jednostavno rukovanje slojevima, animacijama, stilovima i predlošcima. Ovo je osnovni alat za razvoj XAML-a. Expression Blend sam po sebi nije besplatan, ali posebna verzija za izradu dizajna aplikacija za Windows Phone pod nazivom Expression Blend 4 za Windows Phone dostupan je besplatno razvojnim programerima. Bit će preuzet i instaliran tijekom postupka instalacije Windows Phone SDK-a, ako ga nemate na računalu Puna verzija Izrazna mješavina. Više o Expression Blend 4 možete pročitati na MSDN-u:
XNA Game Studio 4.0
Windows Phone Emulator
Iako Windows Phone Emulator ne sadrži cijeli set aplikacije dostupne na pravi uređaj, pruža moćno okruženje koje vam omogućuje razvoj vaše aplikacije gotovo u potpunosti u emulatoru.
Windows Phone Emulator ne podržava reprodukciju Zune medijskog sadržaja. Emulator dolazi samo s jednom ugrađenom aplikacijom Internet Explorer, ali to je Internet Explorer 9 s podrškom za HTML5.
Istodobno, emulator omogućuje testiranje poziva i slanje SMS poruka, podržava multi-touch na monitorima koji to podržavaju, podržava simulaciju kamere, geolokacijske usluge i akcelerometar, a omogućit će vam i snimanje zaslona.
Dodatni razvojni alati
Alat za registraciju programera za Windows Phone
Windows Phone Profiler
Windows Phone Profiler dostupan je u izborniku Debug programa Visual Studio s instaliranim Windows Phone SDK-om.
.png)
Silverlight Toolkit za Windows Phone- komplet korisni elementi Silverlight kontrole za Windows Phone s podrškom za način dizajna, od Silverlight razvojnog tima. Sve dostupno izvor, primjeri i dokumentacija. Ažurira se otprilike svaka tri mjeseca, dostupno na http://silverlight.codeplex.com ili putem NuGeta.
Trenutno izdanje uključuje kontrole kao što su ContextMenu, DatePicker i TimePicker, ToggleSwitch, WrapPanel i GestureHelper.
Razvojno okruženje
Nakon ugradnje alata Windows razvoj Phone SDK projektne grupe za Silverlight za Windows Phone pojavit će se u dijaloškom okviru Novi projekt u Visual Studiju:
.png)
i projekti za Windows Phone bit će dodani u grupu XNA Game Studio 4.0:
.png)
Ova serija članaka usmjerena je na razvoj za Windows Phone pomoću Silverlighta, pa ćemo malo detaljnije pogledati predloške koji su dostupni razvojnim programerima aplikacija.
Nakon instalacije, programer ima na raspolaganju sljedeće predloške aplikacije Silverlight za Windows Phone:
- Windows Phone aplikacija
- Windows Phone Databound aplikacija
- Windows Phone Class Library
- Windows Phone Silverlight i XNA aplikacija
Prije nego što prijeđem izravno na predloške aplikacija, moram reći nekoliko riječi o Windows Phone i korisničkom sučelju u stilu Windows 8.
Sučelje u stilu Windows Phone i Windows 8
Windows Phone nije samo još jedna platforma za Mobilni uredaji. Sadrži ne samo tehnološku komponentu, već i potpuno razvijen koncept dizajna sučelja i interakcije korisnika pod nazivom Windows UI u stilu 8 ili UI u stilu Windows 8.
Ako ste dizajner ili imate posvećenog dizajnera u svom timu, možete u potpunosti iskoristiti snagu Expression Blend 4 ili Expression Blend za Windows Phone, koji dolazi s Windows Phone SDK.
Što učiniti ako ste programer i ne želite se baviti vizualnim dizajnom aplikacije, npr. razvijate poslovnu aplikaciju i sve što se od nje traži je da bude u skladu s općim dizajnom i stilom Windows Phonea ?
Sve je vrlo jednostavno. Prvo, Silverlight za telefon je dizajniran sa Zahtjevi za Windows UI u stilu 8, tako da su sve ugrađene kontrole izrađene u stilu korisničkog sučelja u stilu Windows 8. Drugo, prema zadanim postavkama aplikacije stvorene iz predložaka koje pruža Windows Phone SDK rade, izgledaju i koriste stilove i fontove u skladu s korisničkim sučeljem u stilu Windows 8.
S druge strane, mogućnosti stiliziranja koje Silverlight pruža za kontrole i aplikacije temeljene na XAML-u dovoljne su da vašu aplikaciju učine jedinstvenom i prepoznatljivom, a istovremeno ostaju unutar korisničkog sučelja u stilu Windows 8.
Vodič za dizajn korisničkog sučelja i korisničko iskustvo za Windows Phone možete pronaći na sljedećoj poveznici
Sve što je gore rečeno odnosi se, naravno, na dizajn običnih aplikacija, od zahtjeva dizajna aplikacije za igrice a njihovo se sučelje može značajno razlikovati. U isto vrijeme, ne smijemo zaboraviti na generalni principi korisničko iskustvo svojstveno konceptu Windows Phone.
Predlošci aplikacija
Prvo, pogledajmo tri predloška koji predstavljaju tri glavna stila Windows Phone aplikacije:
- Windows Phone aplikacija
- Windows Phone Pivot aplikacija
- Windows Phone Panorama aplikacija
.png)
Windows Phone aplikacija analogna je jednostavnoj konverzacijskoj aplikaciji koja ima jedan glavni zaslon preko kojeg se odvija glavna interakcija s korisnikom.
Windows Phone Pivot Application je vrsta aplikacije za označavanje, gdje naslov svake oznake određuje sadržaj. Standardna opcija upotreba - svaka knjižna oznaka predstavlja iste, općenito, podatke, ali u različitim prikazima i/ili s različitim filtriranjem. Na primjer, kalendar mail klijent i postavke telefona. Predložak koristi Pivot kontrolu.
Windows Phone Panorama Application je panoramska aplikacija u kojoj su korisnička interakcijska područja također podijeljena na ploče, ali im se može pristupiti putem horizontalno pomicanje; pozadinska slika instaliran na cijeloj panorami odjednom, ima zajednički naslov koji se pomiče sporije od panela; sadržaj susjedne ploče s desne strane vidljiv je kada je prikazan trenutni. Na primjer, čvorišta u Windows Phoneu implementirana su na ovaj način: Ljudi, Tržište, Slike, Glazba+Video itd. Predložak koristi kontrolu Panorama.
Predlošci koji završavaju s Agent predlošci su knjižnice za izvođenje odgovarajućih pozadinskih zadataka:
- Windows Phone Agent za audio reprodukciju
- Windows Phone Audio Streaming Agent
- Windows Phone agent za planirane zadatke
Windows Phone Databound Application template - jednostavan aplikacijski predložak s popisom - detaljan prikaz s implementacijom navigacije između stranica, prosljeđivanjem parametara i pohranjivanjem podataka u globalni ViewModel.
Windows Phone Class Library Template – predložak razredne biblioteke za Windows Phone.
Windows Phone Silverlight i predložak XNA aplikacije za Silverlight aplikaciju koja može koristiti XNA za prikaz grafičkog sadržaja.
Prije nego počnemo istraživati mogućnosti platforme i razvijati aplikacije, moramo biti sigurni da imamo sve potrebne alate i da razumijemo neke osnove razvoja.
Alati
Visual Studio 2010
Za razvoj za Windows Phone trebat će vam Visual Studio 2010 sa Service Pack 1 Professional izdanjem ili novijim. Ako nemate Visual Studio 2010, kada instalirate razvojne alate za Windows Phone, automatski će se instalirati besplatna verzija Visual Studio 2010 Express za Windows Phone, koja se također može koristiti za razvoj aplikacija za Windows Phone.
Obje verzije integriranih razvojnih alata Visual Studio pružaju programeru iste potpune mogućnosti otklanjanja pogrešaka na uređaju i emulatoru koje imaju programeri aplikacija za desktop verziju sustava Windows.
Imajte na umu da za uklanjanje pogrešaka na uređaju, osim samog uređaja i kabela za njegovo povezivanje s razvojnim računalom, morate imati softver Zune (http://zune.net) instaliran na računalu s razvojnim programom alata. Također, prije implementacije aplikacije i otklanjanja pogrešaka, morate registrirati uređaj, ili ga "otključati", pomoću Windows Phone Developer Registration Tool, koji je instaliran s Windows Phone SDK.
Windows Phone SDK
Ovaj paket, dostupan za preuzimanje na web stranici App Hub http://create.msdn.com, sadrži sve što vam je potrebno za početak razvoja. U vrijeme pisanja ovog teksta, najnovija verzija kompleta alata dostupna je u Windows Phone SDK 7.1 Release Candidate pod licencom "Go Live", uz mogućnost razvijanja vlastitih aplikacija i njihovog objavljivanja na Windows Phone Marketplaceu. Windows Phone SDK 7.1 Release Candidate sadrži sljedeće komponente:
- Windows Phone SDK 7.1
- Windows Phone Emulator
- Windows Phone SDK 7.1 sklopovi
- Silverlight 4 SDK i DRT
- Windows Phone SDK 7.1 proširenja za XNA Game Studio 4.0
- Expression Blend SDK za Windows Phone 7
- Expression Blend SDK za Windows Phone OS 7.1
- WCF Data Services klijent za Windows Phone
- Microsoft Advertising SDK za Windows Phone
Ako nemate instalirano izdanje Visual Studio 2010 Professional, Expression Bland 4 ili XNA Game Studio 4.0, postupak instalacije također će preuzeti i instalirati:
- Visual Studio 2010 Express za Windows Phone
- Expression Blend 4 za Windows Phone
- XNA Game Studio 4.0
Expression Blend i Expression Blend za Windows Phone
Expression Blend je interaktivni vizualni dizajner za XAML, tehnologiju opisa sučelja za aplikacije Silverlight i Windows Presentation Foundation (WPF). To je izvrstan razvojni alat koji vam omogućuje jednostavno rukovanje slojevima, animacijama, stilovima i predlošcima. Ovo je osnovni alat za razvoj XAML-a. Expression Blend sam po sebi nije besplatan, no programerima je besplatno dostupna posebna verzija za izradu dizajna aplikacija za Windows Phone, nazvana Expression Blend 4 za Windows Phone. Bit će preuzet i instaliran tijekom postupka instalacije Windows Phone SDK-a ako nemate punu verziju Expression Blenda na svom računalu. Više o Expression Blend 4 možete pročitati na MSDN-u:
XNA Game Studio 4.0
Windows Phone Emulator
Iako Windows Phone Emulator ne sadrži potpuni skup aplikacija dostupnih na stvarnom uređaju, pruža moćno okruženje koje vam omogućuje gotovo potpuni razvoj aplikacije u emulatoru.
Windows Phone Emulator ne podržava reprodukciju Zune medijskog sadržaja. Emulator dolazi samo s jednom ugrađenom aplikacijom Internet Explorer, ali to je Internet Explorer 9 s podrškom za HTML5.
Istodobno, emulator vam omogućuje testiranje poziva i slanje SMS poruka, podržava multi-touch na monitorima s multi-touch podrškom, podržava simulaciju kamere, usluge geolokacije i akcelerometar, a omogućit će vam i snimanje zaslona.
Dodatni razvojni alati
Alat za registraciju programera za Windows Phone
Windows Phone Profiler
Windows Phone Profiler dostupan je u izborniku Debug programa Visual Studio s instaliranim Windows Phone SDK-om.
Silverlight Toolkit za Windows Phone
Silverlight Toolkit za Windows Phone - skup korisnih Silverlight kontrola za Windows Phone s podrškom za način dizajna, od Silverlight razvojnog tima. Sav izvorni kod, primjeri i dokumentacija su dostupni. Ažurira se otprilike svaka tri mjeseca, dostupno na http://silverlight.codeplex.com ili putem NuGeta.
Trenutno izdanje uključuje kontrole kao što su ContextMenu, DatePicker i TimePicker, ToggleSwitch, WrapPanel i GestureHelper.
Razvojno okruženje
Nakon instaliranja Windows Phone SDK-a, projektne grupe za Silverlight za Windows Phone pojavit će se u dijaloškom okviru Novi projekt u Visual Studiju:
i projekti za Windows Phone bit će dodani u grupu XNA Game Studio 4.0:
Ova serija članaka usmjerena je na razvoj za Windows Phone pomoću Silverlighta, pa ćemo malo detaljnije pogledati predloške koji su dostupni razvojnim programerima aplikacija.
Nakon instalacije, sljedeći predlošci aplikacije Silverlight za Windows Phone dostupni su razvojnom programeru:
- Windows Phone aplikacija
- Windows Phone Databound aplikacija
- Windows Phone Class Library
- Windows Phone Silverlight i XNA aplikacija
Prije nego što prijeđem izravno na predloške aplikacija, moram reći nekoliko riječi o Windows Phone i Metro dizajnu.
Windows Phone i Metro dizajn
Windows Phone platforma nije samo još jedna platforma za mobilne uređaje. Sadrži ne samo tehnološku komponentu, već i potpuno razvijen koncept dizajna sučelja i korisničke interakcije nazvan Metro dizajn ili Metro stil.
Ako ste dizajner ili imate posvećenog dizajnera u svom timu, možete u potpunosti iskoristiti snagu Expression Blend 4 ili Expression Blend za Windows Phone, koji dolazi s Windows Phone SDK.
Što učiniti ako ste programer i ne želite se baviti vizualnim dizajnom aplikacije, npr. razvijate poslovnu aplikaciju i sve što se od nje traži je da bude u skladu s općim dizajnom i stilom Windows Phonea ?
Sve je vrlo jednostavno. Prvo, Silverlight za telefon dizajniran je uzimajući u obzir zahtjeve Metro dizajna, tako da su sve ugrađene kontrole izrađene u Metro dizajnu. Drugo, prema zadanim postavkama, aplikacije izgrađene iz predložaka koji se nalaze u Windows Phone SDK-u pokreću se, izgledaju i koriste stilove i fontove u skladu s Metro dizajnom.
S druge strane, mogućnosti oblikovanja koje Silverlight pruža za kontrole i aplikacije temeljene na XAML-u dovoljne su da vašu aplikaciju učine jedinstvenom i prepoznatljivom, a da pritom ostanete u Metro stilu.
Vodič za dizajn korisničkog sučelja i korisničko iskustvo za Windows Phone možete pronaći na sljedećoj poveznici
Sve što je gore rečeno odnosi se, naravno, na dizajn običnih aplikacija, budući da se zahtjevi za dizajn aplikacija za igre i njihovo sučelje mogu značajno razlikovati. Istodobno, ne smijemo zaboraviti na opća načela korisničke interakcije svojstvena konceptu Windows Phone.
Predlošci aplikacija
Prvo, pogledajmo tri predloška koji predstavljaju tri glavna stila Windows Phone aplikacije:
- Windows Phone aplikacija
- Windows Phone Pivot aplikacija
- Windows Phone Panorama aplikacija
Windows Phone aplikacija analogna je jednostavnoj konverzacijskoj aplikaciji koja ima jedan glavni zaslon preko kojeg se odvija glavna interakcija s korisnikom.
Windows Phone Pivot Application je vrsta aplikacije za označavanje, gdje naslov svake oznake određuje sadržaj. Standardni slučaj upotrebe je da svaka knjižna oznaka predstavlja iste podatke, ali u različitim pogledima i/ili s različitim filtriranjem. Na primjer, postavke kalendara, klijenta e-pošte i telefona. Predložak koristi Pivot kontrolu.
Windows Phone Panorama Application - panoramska aplikacija u kojoj su korisnička interakcijska područja također podijeljena na panele, ali im se pristupa horizontalnim skrolanjem; pozadinska slika postavljena je na cijelu panoramu odjednom, ima zajednički naslov koji se pomiče sporije od panela; sadržaj susjedne ploče s desne strane vidljiv je kada je prikazan trenutni. Na primjer, čvorišta u Windows Phoneu implementirana su na ovaj način: Ljudi, Tržište, Slike, Glazba+Video itd. Predložak koristi kontrolu Panorama.
Predlošci koji završavaju s Agent predlošci su knjižnice za izvođenje odgovarajućih pozadinskih zadataka:
- Windows Phone Agent za audio reprodukciju
- Windows Phone Audio Streaming Agent
- Windows Phone agent za planirane zadatke
Windows Phone Databound Application template - jednostavan aplikacijski predložak s prikazom popisa - detaljan prikaz s implementacijom navigacije između stranica s prijenosom parametara i pohranom podataka u globalnom VeiwModelu.
Windows Phone Class Library Template – predložak razredne biblioteke za Windows Phone.
Windows Phone Silverlight i predložak XNA aplikacije za Silverlight aplikaciju koja može koristiti XNA za prikaz grafičkog sadržaja.
Izrada jednostavne aplikacije
U dijaloškom okviru New Project Visual Studio odaberite Visual C#, Silverlight za Windows Phone i jednostavan predložak Windows aplikacije Telefonsku aplikaciju i nazovite je ExploringXAMLFeatures.
.png)
U dijaloškom okviru za odabir cilja operacijski sustav odaberite Windows Phone OS 7.1
.png)
Nakon izrade projekta, prozor Visual Studio izgledat će ovako:
.png)
Pogledajmo strukturu projekta u prozoru Solution Explorera:
.png)
| Naziv datoteke | Svrha |
| AppManifest.xml | Datoteka manifesta potrebna za generiranje XAP datoteke u koju je upakirana aplikacija za implementaciju na telefonu. |
| AssemblyInfo.cs | Još jedna konfiguracijska datoteka koja definira neke metapodatke glavnog sklopa aplikacije. |
| WMAppManifest.xml | Datoteka metapodataka koja sadrži različite postavke aplikacije: naslov, postavljanje prve stranice, putanje do ikona, definiranje potrebnih mogućnosti sustava itd. |
| App.xaml | Ovo je datoteka resursa aplikacije. Ovdje se nalaze globalnih resursa(o tome će se raspravljati pri korištenju stilova) ili globalnih događaja (događaju se prilikom pokretanja aplikacije). Ova je datoteka također ulazna točka aplikacije. |
| App.xaml.cs | Datoteka koda (kod iza) za App.xaml. Ovdje možete upravljati događajima i pogreškama na razini aplikacije, uključujući nadgrobni prikaz aplikacije. Ovaj koncept bit će obrađeno kasnije kada se obradi multitasking. |
| ApplicationIcon.png | Slika koja će biti ikona aplikacije na telefonu. Ovo je jako važna datoteka jer je prva stvar koju će korisnici vidjeti kada rade s aplikacijom. |
| Pozadina.png | Ova se slika koristi kada je aplikacija prikvačena na početni ekran telefon (početni ekran). Ovo je u biti velika ikona aplikacije. Ima smisla učiniti ga vizualno sličnim ApplicationIcon.png. |
| MainPage.xaml | Ovo je dio odabranog predloška aplikacije. MainPaige nije baš dobar naziv, ali to je ono što koristi zadani predložak projekta. Ova stranica predstavlja sučelje koje korisnik vidi prilikom pokretanja aplikacije. |
| MainPage.xaml.cs | MainPage.xaml kodna datoteka stranice. |
| SplashScreenImage.jpg | Ova slika se prikazuje dok se aplikacija učitava. Možete postaviti vlastitu sliku s animacijom koja vas obavještava da se aplikacija učitava. Postoji tehnika za stvaranje stranica s vrlo dinamičnim učitavanjem u XNA, ali ona je daleko izvan dosega ove serije članaka. |
XAML datoteke definiraju sučelje aplikacije. Zapravo, to su samo XML datoteke s XAML označnim jezikom.
Iako je ovo najjednostavniji projekt, sadrži sve ključni elementi, koji sadrže sve ostale predloške i vrste projekata.
Imajte na umu da su neke od postavki predstavljene u obrascu konfiguracijske datoteke, mogu se uređivati u vizualnom sučelju za uređivanje postavki aplikacije.
Dodavanje kontrola na XAML stranicu
Imajte na umu da Visual Studio prema zadanim postavkama renderira i dizajn i XAML stranice.
Ako ste otišli pogledati druge datoteke rješenja, dvostruki klik idite na datoteku MainPage.xaml.
U XAML kodu datoteke MainPage.xaml, unutar Grid elementa pod nazivom ContentPanel, umetnite kontrolu Button:
U prozoru dizajna, gumb će se odmah pojaviti otprilike u sredini sučelja. Obratite pažnju na atribut Ime? Ovo je jedinstveni identifikator elementa koji vam pomaže da ga referencirate u kodu. Zamislite ovo kao ID atribut kontrole. Dodajmo sada radnju kada se klikne na ovaj gumb. Postoje dva načina za vezanje događaja za gumb (ili bilo koju drugu kontrolu). U XAML-u, točno u definiciji gumba, možemo dodati atribut Click i InteliSense će automatski pitati želimo li generirati novi rukovatelj događajima:
.png)
Rukovatelja događajem možete vezati izravno u kodu stranice Home.xaml.cs bez navođenja u XAML datoteci:
Public MainPage() ( InitializeComponent(); MyButton.Click +=new RoutedEventHandler(MyButton_Click); )
Obje metode djeluju. Možete koristiti bilo koji od njih. Radi jednostavnosti, ovdje ćemo koristiti definiciju XAML metode. Sada možete pisati upravljani kod u funkciji MyButton_Click koja će promijeniti sučelje ili pozvati druge funkcije. Dovršimo naš primjer aplikacije dodavanjem koda koji će promijeniti tekst u TextBlock PageTitle (PageTitle je naziv, tako da ga možete referencirati izravno u kodu) u "hello wp7". Da biste to učinili, dodajte sljedeći kod u funkciju:
Private void MyButton_Click (pošiljatelj objekta, RoutedEventArgs e) ( PageTitle.Text = "hello wp7"; )
Odaberite u postavkama projekta Windows uređaj Emulator
I pokrenite aplikaciju klikom na zeleni trokut ili tipku F5. Nakon pokretanja aplikacije i klika na gumb "Pritisni me", zaslon bi trebao izgledati slično slici ispod:
.png)
Dodavanje novih stranica u projekt
Samo se najjednostavnija aplikacija sastoji od jedne stranice. Želimo naučiti kako pisati složene aplikacije s više stranica. Možemo koristiti predloške Pivot, Panorama, možemo koristiti MVVM (Model-View-ViewModel) obrazac dizajna, a prvo ćemo naučiti kako dodati nove stranice u projekt i kretati se između njih.
U prozoru Solution Explorer kliknite desni klik prijeđite mišem preko naziva projekta i u izborniku koji se pojavi odaberite Dodaj, zatim Nova stavka, u dijaloškom okviru koji se otvori odaberite Windows Phone Portrait Page i nazovite je SecondPage.xaml:
.png)
Sada imamo praznu XAML stranicu, točna kopija MainPage.xaml stranica prije nego što smo je uredili.
Kako bismo bolje razlikovali stranice, idemo na XAML kod stranice SecondPage i uredimo element TextBlock s Name PageTitle Svojstvo teksta kao ispod:
Navigacija između stranica aplikacije
Dakle, imamo dvije stranice u projektu; kada se aplikacija pokrene, prikazuje se stranica MainPage.xaml. Kako sada mogu prijeći s MainPage.xaml na SecondPage.xaml?
Pokušajmo dva jednostavnih načina, kako to učiniti.
U XAML kodu datoteke MainPage.xaml nakon koda Buttona koji smo ranije dodali, dodajte kod HyperlinkButton kao što je prikazano u nastavku:
Kontrola HyperlinkButton ima posebno svojstvo, NavigateUri, koje vam omogućuje da navedete Uri do kojeg ćete ići. Dodajmo ovo svojstvo s vrijednošću /SecondPage.xaml, kao što je prikazano u nastavku:
Pokrenimo aplikaciju (F5).
Kada se prikaže sučelje aplikacije, kliknemo li poveznicu Druga stranica, bit ćemo prebačeni na drugu, prethodno kreiranu stranicu SecondPage.xaml. Ako potom pritisnemo hardversku tipku Natrag, vratit ćemo se na glavnu (prethodnu) stranicu – prema zadanim postavkama ova tipka omogućuje odlazak na prethodnu aktivnu stranicu.
Sada iskoristimo programski prijelaz. Prvo dodajte sljedeći kod u odjeljak korištenja:
Private void MyButton_Click(object sender, RoutedEventArgs e) ( NavigationService.Navigate (new Uri("/SecondPage.xaml", UriKind.Relative)); )
Pokrenite aplikaciju (F5) i provjerite radi li gumb i poveznica.
Dodajmo kontrole i kod na drugu stranicu (SecondPage.xaml) koji će vam omogućiti povratak na prethodnu stranicu.
U XAML kodu datoteke SecondPage.xaml, unutar Grid elementa pod nazivom ContentPanel, umetnite kontrole Button i HyperlinkButton, kao što je prikazano u nastavku:
Za izradu rukovatelja Pritisnite događaje MyButton gumb na stranici SecondPage, desnom tipkom miša kliknite na MyButton_Click tekst u XAML editoru i odaberite Navigae to Event Handler.
Pokrenite aplikaciju (F5) i provjerite da poveznica "Prva stranica" na drugoj stranici vraća aplikaciju na glavnu stranicu.
Sada iskoristimo programski prijelaz. U kodu stranice SecondPage.xaml.cs dodajte sljedeći kod u odjeljak korištenja:
Korištenje System.Windows.Navigation;
Zatim zamijenite kod rukovatelja MyButton_Click sljedećim:
Private void MyButton_Click(object sender, RoutedEventArgs e) ( NavigationService.GoBack(); )
Pokrenite aplikaciju (F5) i uvjerite se da gumb Natrag na drugoj stranici vraća aplikaciju na glavnu stranicu.
Imajte na umu da u kodu koji se pokreće kada se klikne gumb, nismo upotrijebili naziv stranice na koju trebamo ići, već smo tražili od navigacijske usluge, koju predstavlja klasa NavigationService, da ode na stranicu koja je bila u navigacijski stog prije trenutnog.
Događaji prijelaza stranice mogu se programski obraditi, na primjer, kako bi se provjerilo s korisnikom želi li doista napustiti trenutnu stranicu.
Dodajte sljedeći kod u datoteku SecondPage.xaml.cs odmah nakon rukovatelja MyButton_Click:
Zaštićeno nadjačavanje void OnNavigatingFrom(NavigatingCancelEventArgs e) ( base.OnNavigatingFrom(e); // Ako se navigacija može otkazati, provjerite s korisnikom želi li ostati na trenutnoj stranici if (e.IsCancelable) ( MessageBoxResult result = MessageBox. Show("Možeš li ostati?", "Potvrda prijelaza", MessageBoxButton.OKCancel); if (result == MessageBoxResult.OK) ( // Korisnik je odlučio ostati e.Cancel = true; return; ) ) )
Kod je dovoljno jednostavan da ga možete sami shvatiti.
Pokrenite aplikaciju (F5) i primijetite da se dijaloški okvir za pojašnjenje prikazuje bez obzira hoćete li se vratiti na glavnu stranicu klikom na gumb ili praćenjem veze.
Sada sve što preostaje je naučiti kako proslijediti parametre između stranica.
Dvaput kliknite na MainPage.xaml za prelazak na uređivanje glavne stranice. U MainPage.xaml kodu dodat ćemo kontrolu TextBox, iznad Element gumba kao ispod:
Dvaput kliknite na SecondPage.xaml za prelazak na uređivanje glavne stranice. U kodu SecondPage.xaml, dodajmo kontrolu TextBox iznad elementa Button, baš kao na stranici MainPage:
Sada, u rukovatelju događajem MyButton_Click stranice MainPage, dodajte parametre u Uri prijelaza na drugu stranicu pomoću gumba:
Private void MyButton_Click (pošiljatelj objekta, RoutedEventArgs e) ( NavigationService.Navigate(new Uri("/SecondPage.xaml?text=" +Uri.EscapeDataString(MyTextBox.Text), UriKind.Relative)); )
I na kraju, u kodu stranice SecondPage.xaml.cs, odmah nakon rukovatelja OnNavigatedFrom, dodati ćemo rukovatelj dolaska na stranicu OnNavigatedTo iu njemu ćemo obraditi dolazni parametar i prikazati ga u MyTextBox:
Zaštićeno nadjačavanje void OnNavigatedTo(NavigationEventArgs e) ( base.OnNavigatedTo(e); if (NavigationContext.QueryString.ContainsKey("text")) ( MyTextBox.Text = NavigationContext.QueryString["text"].ToString(); ) )
Pokrenite aplikaciju (F5) i provjerite kako radi, na primjer, kada slijedite poveznicu s glavne stranice na drugu stranicu.
Rezultati i sljedeći koraci
Dakle, shvatili smo što trebamo instalirati za razvoj za Windows Phone 7, upoznali se s dostupnim predlošcima i naučili kako izraditi novu aplikaciju iz predloška. Također smo naučili kako dodati kontrole izravno u XAML kod, dodati nove stranice u projekt i organizirati navigaciju između njih pomoću veze i koda s mogućnošću prosljeđivanja parametara.
Na sljedeći korak Pogledat ćemo neke od opcija označavanja dostupnih u Silverlightu, pogledati osnovne kontrole i naučiti što je kontekst unosa za tekstualna polja.
