Si të konfiguroni telefonat inteligjentë dhe PC. Portali informativ
  • në shtëpi
  • Këshilla
  • Zhvillimi i aplikacionit të parë për Windows Phone: Përgatitja e ambientit të punës. Aplikacioni juaj për Windows Phone? Lehtësisht

Zhvillimi i aplikacionit të parë për Windows Phone: Përgatitja e ambientit të punës. Aplikacioni juaj për Windows Phone? Lehtësisht

  • Përkthimi

Zhvillimi i aplikacionit për Platforma Windows Telefoni 7 është i ngjashëm me zhvillimin nën Platforma Android më shumë se sa mund të prisni. Në këtë artikull, Chris Bennett eksploron ngjashmëritë midis dy platformave.

Dallimet midis platformave

Përpara se të zhyteni në mjete dhe procese specifike për transferimin dhe/ose krijimin e aplikacioneve për Windows Phone 7, le të fillojmë me terminologjinë dhe ndryshimet teknologjike midis Windows Phone 7 dhe Android. Së pari dallim i madhështë se aplikacionet për Windows Phone 7 krijohen si asamble të menaxhuara .NET të shkruara në C#. Platforma mbështet dy lloje aplikacionesh: lojërat Silverlight dhe XNA.
Shumica e aplikacioneve të Windows Phone 7 janë ndërtuar duke përdorur Silverlight, i cili ofron një mënyrë të bazuar në forma për të bashkëvepruar me përdoruesin përmes kontrolleve standarde, si kutitë e tekstit, fushat e tekstit, lista etj. Analogu Silverlight për Layout Android dhe Aktiviteti shoqërues i tij është Faqe.
Një lloj tjetër aplikacioni i mbështetur nga Windows Phone 7 është XNA, i cili lejon zhvilluesit të krijojnë lojëra 2D dhe 3D. Ky është ekuivalenti i Android i SurfaceView dhe GLSurfaceView respektivisht për 2D dhe 3D. Ndryshe nga Android, i cili fokusohet në përdorimin e OpenGL për lojëra, lojërat XNA përdorin Direct3D, duke e bërë më të lehtë transferimin e lojërave nga platformat PC dhe Xbox 360.

Faqet dhe navigimi

Faqet Silverlight krijohen si skedarë XML, ashtu si Paraqitjet e Android. Për të përshkruar një Faqe në një skedar XML, përdoret XAML (Extensible Application Markup Language). XAML është i ngjashëm me Android Layout, por ka më shumë gamë të gjerë mundësitë. XAML lejon zhvilluesit të zbatojnë veprime të lidhura me Faqen, duke përfshirë animacionet, lidhjen e të dhënave dhe më shumë, duke reduktuar sasinë e kodit të kërkuar.
Paraqitja e Android është shkëputur nga Aktiviteti i përdorur për të kryer veprime. Si rezultat, ju jeni të detyruar të shkruani kodin për të lidhur Aktivitetin me elementët përkatës të ndërfaqes së përdoruesit (UI). Kodi C# për një Faqe specifike është tashmë i lidhur me elementët e UI dhe thjesht nuk ka nevojë të tillë. Platforma krijon automatikisht "lidhjet" e nevojshme për objektet dhe ngjarjet për Faqen dhe UI. Kjo parandalon rrëmujën që zakonisht ndodh në metodën OnCreate të secilës detyrë, ku krijoni lidhjet e UI dhe mbajtësit e ndryshëm të nevojshëm.
Një tjetër ndryshim i rëndësishëm midis platformave është navigimi. Në Android, kaloni nga një detyrë në tjetrën duke krijuar një Intent. Ekuivalenti në Windows Phone 7 është Navigimi, i cili ju lejon të lundroni midis faqeve të ndryshme. Ashtu si me Android Intent, ju mund të kaloni të dhëna në faqen ku po lundroni. Faqja në Windows Phone 7 ka disa veçori të ngjashme me Faqen ASP.net. Për shembull, është e zakonshme të përdoret QueryString për të kaluar informacion në faqen tjetër.

Konvertoni Layouts në Faqe

Përpara se të zhytemi në kod, duhet të shikojmë transformimin e Android Layout XML në Faqet XAML të Windows Phone 7. Sigurisht, një nga gjërat më të mira në lidhje me mjetet falas për Windows Phone 7 është cilësia e mjeteve të projektimit të disponueshme për XAML. Dizajneri XAML i përfshirë në Visual Studio 2010 synohet të përdoret kryesisht nga zhvilluesit për të marrë kontrollet bazë të Faqes dhe për të filluar zhvillimin. Expression Blend është krijuar për të krijuar dizajn profesional me një grup më të avancuar mjetesh për të përmirësuar ndërfaqen e përdoruesit. Ashtu si me Android Layout, gjithmonë mund të përdorni modifikimin e XAML direkt në redaktori i tekstit, meqenëse është një skedar i rregullt XML.
Faqja e Windows Phone 7 ofron strukturë dhe kontrolle të ngjashme me paraqitjen e Android. Tabela e mëposhtme tregon ekuivalentët për të dyja platformat.
Elementet e shënimit
Ju lutemi vini re se Windows Phone 7 ka ndeshje një me një elementet bazë shënimi dhe menaxhimi. Por për disa nga elementët e specializuar të shënjimit dhe kontrollit, nuk ka korrespondencë. Arsyeja për këtë qëndron në pasurinë e XAML, gjë që e bën shumë të lehtë vendosjen e kontrolleve brenda njëri-tjetrit. Në këtë mënyrë, për shembull, mund të shtoni një ListBox me kuti kontrolli pranë çdo artikulli pa pasur nevojë të shkruani ndonjë kod. Kjo do të thotë që ju nuk keni nevojë për të gjitha ato kontrolle të komplikuara të bashkuara; ato mund të krijohen dhe modifikohen brenda aplikacionit tuaj.

Ruajtja e të dhënave

Ruajtja e të dhënave është një pjesë e madhe e sfidës kur zhvillohet shumica aplikacionet celulare. Në Windows Phone 7, ideja është përdorimi i shërbimeve cloud si mjeti kryesor i ruajtjes së të dhënave. Kjo mund të duket pak e çuditshme në fillim, por nëse po krijoni një aplikacion klienti për faqen tuaj të internetit, ka kuptim. Nëse nuk do të shkoni në këtë rrugë, atëherë keni dy mundësi: përdorni shërbime tregtare për ruajtje, si p.sh Windows Azure ose përdorni ndërfaqen lokale të IsolatedStorage. IsolatedStorage ju lejon të ruani skedarë për t'u përdorur vetëm nga aplikacioni juaj.
Në varësi të mënyrës se si aplikacioni juaj ruan të dhënat, mund të dëshironi të ruani të dhënat në nivel lokal pa pasur nevojë të krijoni dhe përdorni një bazë të dhënash. Për shembull, nëse po krijoni një aplikacion RSS/Podcast, thjesht mund të ruani XML nga burimi RSS. Nëse keni nevojë për të hyrë në të dhëna, thjesht ngarkoni të dhënat dhe përdorni LINQ (Kërkesa e Integruar e Gjuhës) për të tërhequr të dhënat specifike.
Në shembullin e aplikacionit RSS, ne mund të punojmë ose me XML të papërpunuar nga burimi RSS ose mund të përdorim LINQ për XML për të krijuar një XDocument për të ruajtur të dhënat, siç tregohet më poshtë:
  1. //Krijoni XML
  2. XDocument doc = new XDocument();
  3. doc.Add(new XElement("DataRoot" ,
  4. new XElement ("Regjistro" ,
  5. XElement i ri ("vlera", "të dhënat1")),
  6. new XElement ("Regjistro" ,
  7. XElement i ri ("vlera", "të dhënat2"))

XML e krijuar nga kjo një fragment i thjeshtë kodi duket si ky:
  1. < DataRoot >
  2. < Record >
  3. < value >të dhëna 1
  4. < Record >
  5. < value >të dhëna 2
* Ky kod burim u theksua me theksuesin e kodit burimor.

Për të ruajtur këtë XML në ruajtje të izoluar, ne përdorim IsolatedStorageFile me IsolatedStorageFileStream siç tregohet në fragmentin e mëposhtëm:
  1. //Ruaj XML-në
  2. doc.Save(file);
  3. file.Close();
* Ky kod burim u theksua me theksuesin e kodit burimor.

Siç mund ta shihni, është shumë e lehtë të zbatoni ruajtjen e të dhënave XML në ruajtje të izoluar. Kodi për të marrë XML dhe për të krijuar një pyetje LINQtoXML tregohet më poshtë:
  1. //Ngarkoni XML-në
  2. duke përdorur (IsolatedStorageFile isf = IsolatedStorageFile.GetUserStoreForApplication())
  3. duke përdorur (skedarin IsolatedStorageFileStream = isf.OpenFile ("data.xml" , FileMode .OpenOrCreate))
  4. XDocument d = XDocument .Ngarkim(skedar);
  5. var query = nga r në d.Root.Elements("Regjistro")
  6. zgjidhni r;
  7. //Përpunoni listën e të dhënave
* Ky kod burim u theksua me theksuesin e kodit burimor.

Megjithëse shembulli i mësipërm është shumë i thjeshtë, ai ilustron se sa e lehtë është të zbatoni ruajtjen e të dhënave në telefonin tuaj pa pasur nevojë të krijoni dhe përdorni një bazë të dhënash. Ky kod gjithashtu mund të zgjerohet për të ruajtur të dhëna më komplekse.

Mjetet e Zhvillimit

Si një zhvillues Android, ka shumë të ngjarë të jeni mësuar me anët e mira dhe të këqija të zhvillimit me burim të hapur. Përdorimi i Eclipse IDE për Android është sigurisht pjesë e anës së mirë. Por Android Development Toolkit (ADT) i mungojnë shumë mjetet e nevojshme, të tilla si mjetet e duhura të shënjimit. Ndërsa ADT ofron mjete të ngjashme, ato nuk janë mjaft të forta për t'ju lejuar të krijoni lehtësisht shënjimin - me siguri do t'ju duhet të zhyteni në XML.
Microsoft ka ofruar mjete zhvillimi të besueshme për shumë vite. Dhe platforma Windows Phone 7 nuk ishte përjashtim. Microsoft, si zakonisht, e bën të lehtë dhe të lirë fillimin e zhvillimit menjëherë. Zhvilluesit e Java mund t'i shkarkojnë dhe provojnë këto mjete pa shpenzuar para.
Mjetet e mëposhtme janë aktualisht në dispozicion në create.msdn.com:
  • Microsoft Visual Studio 2010 Express për telefon
  • Përzierja e Microsoft Expression për telefon
  • Microsoft XNA Game Studio për telefon
Këto tre mjete do t'ju lejojnë të filloni të krijoni aplikacione për Windows Phone 7 falas.
Microsoft Visual Studio 2010 Express për telefon është mjedisi kryesor i zhvillimit gjithëpërfshirës (IDE) që përdoret për të krijuar aplikacione për Windows Phone 7. Ai përfshin të gjitha mjetet që ju nevojiten për të krijuar aplikacione, duke përfshirë një mjet për shënimin e faqeve, një përpilues C #, Windows Phone 7 emulator dhe shumë më tepër.
Microsoft Expression Blend for Phone është një mjet që synon kryesisht stilistë profesionistë dhe përdoret për të përmirësuar Faqet në një aplikacion Silverlight. Zhvilluesit mund ta përdorin këtë mjet për të krijuar faqe nga e para ose për të përmirësuar tashmë Faqet aplikimi ekzistues pa ndikuar në kodin e tij.
Microsoft XNA Game Studio për telefon ofron një grup mjetesh të nevojshme për të krijuar lojëra 2D dhe 3D për platformën. Studio përfshin gjithashtu kornizën XNA, si dhe mjetet e nevojshme për të mundësuar audion dhe grafikën e nevojshme për të krijuar lojëra të bazuara në loop.

konkluzioni

Windows Phone 7 ofron qasje e re në një sistem operativ smartphone, por ai ende bazohet në teknologji të provuara si Silverlight, WPF, C# dhe shumë të tjera. Siç mund ta shihni nga ky artikull, ndryshimet midis Android dhe Windows Phone 7 nuk janë aq të mëdha.

UPD: Unë publikova një përkthim të këtij artikulli për të treguar se zhvillimi i të mësuarit për platformën Windows Phone 7 nuk është aq i vështirë nëse tashmë keni përvojë në zhvillim për Android. Nuk thotë se asnjë nga këto platformat mobile më mirë apo më keq.
Ju lutem, mos e shtyni karmën time në negative, në mënyrë që të mund të publikoj artikuj të tjerë mbi zhvillimin për Windows Phone 7. Nëse nuk jeni të interesuar, kaloni, mos i privoni ata që janë të interesuar nga mundësia për të mësuar diçka të re.

Para fillimit të procesit të zhvillimit të aplikacionit për Telefonat celular ata që punojnë për të duhet të jenë të përgatitur mjete speciale, pa të cilat do të jetë e pamundur për të përfunduar fazat e mëtejshme.

Përgatitja për zhvillim kërkon softuerin e mëposhtëm:

  • Visual Studio2010

Ky softuer ju lejon të përdorim të plotë vonesat. Vlen të përmendet se shtyrje të ngjashme përdoren për versionet desktop të Windows.

  • Përzierja e shprehjeve

Softueri është një dizajnues vizual, falë të cilit mund të punoni lehtësisht me shtresa, të gjitha llojet e shablloneve, stilet e dizajnit dhe animacionet. Versioni i Expression Blend4 për Windows Telefoni i disponueshëm për Shkarko falas. Vlen të përmendet se Expression Blend është një bazë për XAML.

  • WindowsPhone SDK

Duke përdorur të kësaj pakete procesi i zhvillimit mund të fillojë.

  • Emulator WindowsPhone

Ju lejon të krijoni në një emulator me të integruar Internet Explorer 9, i pajisur me HTML5, aplikacione. Mund ta përdorni gjithashtu për të testuar thirrjet dhe dërgimet SMS, si dhe për të mbështetur shumë funksione të dobishme, duke përfshirë shumë prekje në monitor, simulim të kamerës. Shërbimet e vendndodhjes janë të disponueshme për përdorim. Megjithatë, ky emulator nuk mbështet përmbajtjen e mediave Zune.

  • XNA Game Studio4.0

Falë këtij softueri, ju mund të zhvilloni lojëra për të dy konzolat, PC dhe WindowsPhone. Bibliotekat e Kornizës XNA janë një pjesë e rëndësishme e softuerit që karakterizohet nga kodi i menaxhuar.

Softuer shtesë

Mjetet shtesë për zhvilluesit përfshijnë si më poshtë:

  • Dritaret Zhvilluesi i telefonit Mjeti i Regjistrimit.
  • Profiler i WindowsPhone. Ndihmon në zbulimin e problemeve të performancës.
  • Silverlight Toolkit për WindowsPhone.

Karakteristikat e mjedisit të zhvillimit

Pasi të instalohen të gjitha mjetet e kërkuara, zhvilluesit do të kenë akses në shumë shabllone të aplikacioneve Silverlight për WindowsPhone. Ky softuer përfshin një grup të plotë të komponentëve teknologjikë për zhvillim dhe ndërfaqen e përdoruesit të stilit Windows 8, i cili është një koncept efektiv për ndërfaqen dhe dizajnimin e sistemit që ju lejon të ndërveproni me përdoruesin në nivel të lartë. Me ndihmën e tij, ju mund të krijoni një stil të paharrueshëm dhe origjinal që me të vërtetë do ta bëjë aplikacionin të dallohet mes shumë të tjerëve në dyqan.

Ekzistojnë tre shabllone që përfaqësojnë tre stile të ndryshme të dizajnuara për WindowsPhone:

  • Modeli i parë quhet aplikacioni WindowsPhone, i cili është një shembull i zakonshëm i një aplikacioni bisedor. Ndërveprimi me përdoruesit kryhet duke përdorur një ekran.
  • WindowsPhone Pivot Application është krijuar si një aplikacion që përmban faqeshënues. Secili prej faqerojtësve ka titullin e vet, me anë të të cilit mund të përcaktoni përmbajtjen. Pivot përdoret si një element kontrolli.
  • Aplikacioni WindowsPhone Panorama ka një sistem unik ndërveprimi me përdoruesit, i cili kryhet përmes zonave të ndara në panele me lëvizje horizontale. Për të këtij shablloni vendosja karakteristike e imazhit të sfondit në të gjithë panoramën. Përmbajtja e vendosur në panelin ngjitur me anën e djathtë, mund të shihet kur shfaqet ai aktual. Panorama është një element menaxhimi.

Vlen të përmendet se shabllonet emrat e të cilëve përfundojnë me Agent janë shabllone për biblioteka të veçanta, qëllimi kryesor që është për të kryer detyra të ndryshme në sfond. Ka edhe sasi e madhe shabllone të tjerë të ndryshëm që performojnë rol i rendesishem në procesin e zhvillimit të aplikacioneve të ndryshme celulare.

Mund të mësoni më shumë rreth zhvillimit të aplikacioneve për Windows Phone .

Përpara se të fillojmë të eksplorojmë aftësitë e platformës dhe të zhvillojmë aplikacione, duhet të sigurohemi që kemi të gjitha mjetet e nevojshme dhe të kuptojmë disa baza të zhvillimit.

Mjetet

Visual Studio 2010

Për të zhvilluar për Windows Phone, do t'ju duhet Visual Studio 2010 me Service Pack 1 edition Professional ose më i lartë. Nëse nuk keni Visual Studio 2010, kur të instaloni Veglat e Zhvillimit të Windows Phone, ai do të instalohet automatikisht version falas Visual Studio 2010 Express për Windows Phone, i cili mund të përdoret gjithashtu për të zhvilluar aplikacione për Windows Phone.

Të dy versionet e Veglave të Zhvillimit të Integruar të Visual Studio i ofrojnë zhvilluesit aftësi të plota korrigjimi i gabimeve në pajisje dhe emulator, njëlloj si për zhvilluesit e aplikacioneve për versionin desktop të Windows.

Ju lutemi vini re se për të korrigjuar gabimet në pajisje, përveç vetë pajisjes dhe kabllos për t'u lidhur me kompjuterin, duhet të keni të instaluar në kompjuter softuerin Zune (http://zune.net) me mjetet e zhvillimit. Gjithashtu, përpara se të vendosni aplikacionin dhe të korrigjoni, duhet ta regjistroni pajisjen ("zhbllokoni" atë) duke përdorur Veglën e Regjistrimit të Zhvilluesve të Windows Phone, i cili është i instaluar me Windows Phone SDK.

Windows Phone SDK

Kjo paketë, e disponueshme për shkarkim në faqen e internetit të App Hub http://create.msdn.com, përmban gjithçka që ju nevojitet për të filluar zhvillimin. Në kohën e shkrimit të këtij artikulli, Versioni i fundit paketa e veglave e disponueshme në versionet e Windows Phone SDK 7.1 Lironi kandidatin në licencën "Go Live" me aftësinë për të zhvilluar aplikacionet tuaja dhe për t'i publikuar ato në Windows Phone Marketplace. Kandidati i lëshimit të Windows Phone SDK 7.1 përmban komponentët e mëposhtëm:

  • Windows Phone SDK 7.1
  • Emulator i Windows Phone
  • Asambletë e Windows Phone SDK 7.1
  • Silverlight 4 SDK dhe DRT
  • Zgjerime të Windows Phone SDK 7.1 për XNA Game Studio 4.0
  • Expression Blend SDK për Windows Phone 7
  • SDK e përzierjes së shprehjes për Windows Phone OS 7.1
  • Klient i Shërbimeve të të Dhënave WCF për Windows Phone
  • Microsoft Advertising SDK për Windows Phone

Nëse nuk keni të instaluar versionin e Visual Studio 2010 Professional, Expression Bland 4 ose XNA Game Studio 4.0, procesi i instalimit do të shkarkojë dhe instalojë gjithashtu:

  • Visual Studio 2010 Express për Windows Phone
  • Përzierja e shprehjes 4 për Windows Phone
  • XNA Game Studio 4.0

Përzierja e Shprehjeve dhe Përzierja e Shprehjeve për Windows Phone

Expression Blend është një dizajnues vizual interaktiv për XAML, teknologjia e përshkrimit të ndërfaqes për aplikacionet Silverlight dhe Windows Presentation Foundation (WPF). Është një mjet i shkëlqyer zhvillimi që ju lejon të manipuloni me lehtësi shtresat, animacionet, stilet dhe shabllonet. Ky është një mjet themelor i zhvillimit të XAML. Vetë Expression Blend nuk është i lirë, por version special për të krijuar dizajne aplikacionesh për Windows Phone të quajtur Expression Blend 4 për Windows Phone është i disponueshëm falas për zhvilluesit. Ai do të shkarkohet dhe instalohet gjatë procesit të instalimit të Windows Phone SDK, nëse nuk e keni në kompjuterin tuaj versioni i plotë Përzierja e shprehjeve. Mund të lexoni më shumë rreth Expression Blend 4 në MSDN:

XNA Game Studio 4.0

Emulator i Windows Phone

Edhe pse Emulatori i Windows Phone nuk përmban komplet i plotë aplikacionet e disponueshme në pajisje reale, ai ofron një mjedis të fuqishëm që ju lejon të zhvilloni aplikacionin tuaj pothuajse tërësisht në një emulator.

Emulatori i Windows Phone nuk e mbështet luajtjen e përmbajtjes së mediave Zune. Emulatori vjen vetëm me një aplikacion të integruar të Internet Explorer, por është Internet Explorer 9 me mbështetje HTML5.

Në të njëjtën kohë, emulatori ju lejon të testoni thirrjet dhe të dërgoni mesazhe SMS, mbështet shumë prekje në monitorët që e mbështesin atë, mbështet simulimin e një kamere, shërbimet e gjeolokimit dhe përshpejtuesin, dhe gjithashtu do t'ju lejojë të bëni pamje nga ekrani.

Mjete shtesë të zhvilluesit

Mjeti i regjistrimit të zhvilluesve të Windows Phone

Profiler i Windows Phone

Windows Phone Profiler është i disponueshëm në menynë Debug të Visual Studio me Windows Phone SDK të instaluar.

Silverlight Toolkit për Windows Phone- komplet elemente të dobishme Kontrollet Silverlight për Windows Phone me mbështetje të modalitetit të projektimit, nga ekipi i zhvillimit Silverlight. Të gjitha në dispozicion burimi, shembuj dhe dokumentacion. Përditësohet afërsisht çdo tre muaj, i disponueshëm në http://silverlight.codeplex.com ose nëpërmjet NuGet.

Publikimi aktual përfshin kontrolle të tilla si ContextMenu, DatePicker dhe TimePicker, ToggleSwitch, WrapPanel dhe GestureHelper.

Mjedisi i zhvillimit

Pas instalimit të mjeteve Zhvillimi i Windows Grupet e projektit Phone SDK për Silverlight për Windows Phone do të shfaqen në dialogun e Projektit të Ri në Visual Studio:

dhe projektet për Windows Phone do të shtohen në grupin XNA Game Studio 4.0:

Kjo seri artikujsh përqendrohet në zhvillimin për Windows Phone duke përdorur Silverlight, kështu që ne do t'i shikojmë pak më në detaje shabllonet e disponueshme për zhvilluesit e aplikacioneve.

Pas instalimit, zhvilluesi ka në dispozicion modelet e mëposhtme të aplikacionit Silverlight për Windows Phone:

  • Aplikacioni Windows Phone
  • Aplikacioni Windows Phone Databound
  • Biblioteka e klasës së Windows Phone
  • Windows Phone Silverlight dhe Aplikacioni XNA

Përpara se të kaloj drejtpërdrejt te shabllonet e aplikacioneve, më duhet të them disa fjalë për Windows Phone dhe UI të stilit Windows 8.

Windows Phone dhe UI i stilit Windows 8

Windows Phone nuk është thjesht një platformë tjetër për të pajisje celulare. Ai përmban jo vetëm një komponent teknologjik, por edhe një koncept të zhvilluar plotësisht të dizajnit të ndërfaqes dhe ndërveprimit të përdoruesit nën me emrin Windows UI me 8 stil ose UI të stilit Windows 8.

Nëse jeni projektues ose keni një projektues të dedikuar në ekipin tuaj, mund të përfitoni plotësisht nga fuqia e Expression Blend 4 ose Expression Blend për Windows Phone, e cila vjen me Windows Phone SDK.

Çfarë duhet të bëni nëse jeni një zhvillues dhe nuk dëshironi të merreni me dizajnin vizual të aplikacionit, për shembull, jeni duke zhvilluar një aplikacion biznesi dhe gjithçka që kërkohet prej tij është të pajtoheni me dizajnin dhe stilin e përgjithshëm të Windows Phone ?

Gjithçka është shumë e thjeshtë. Së pari, Silverlight për Telefon është projektuar me Kërkesat e Windows Ndërfaqja e përdoruesit me 8 stil, kështu që të gjitha kontrollet e integruara janë bërë në stilin e ndërfaqes së përdoruesit të stilit Windows 8. Së dyti, si parazgjedhje, aplikacionet e krijuara nga shabllonet e ofruara nga Windows Phone SDK funksionojnë, shikojnë dhe përdorin stile dhe fontet në përputhje me ndërfaqen e përdoruesit të stilit Windows 8.

Nga ana tjetër, aftësitë e stilimit që ofron Silverlight për kontrollet dhe aplikacionet e bazuara në XAML janë të mjaftueshme për ta bërë aplikacionin tuaj unik dhe të dallueshëm duke mbetur brenda ndërfaqes së ndërfaqes së stilit Windows 8.

Udhëzuesi i dizajnit të UI dhe përvojës së përdoruesit për Windows Phone mund të gjendet në lidhjen e mëposhtme

Gjithçka që u tha më lart vlen, natyrisht, për hartimin e aplikacioneve të zakonshme, pasi kërkesat e projektimit aplikacionet e lojrave dhe ndërfaqja e tyre mund të ndryshojë ndjeshëm. Në të njëjtën kohë, nuk duhet të harrojmë parimet e përgjithshme përvoja e përdoruesit e natyrshme në konceptin e Windows Phone.

Modelet e Aplikimit

Së pari, le të shohim tre shabllone që përfaqësojnë tre stilet kryesore të një aplikacioni Windows Phone:

  • Aplikacioni Windows Phone
  • Aplikacioni Windows Phone Pivot
  • Aplikacioni i Windows Phone Panorama

Aplikacioni Windows Phone është një analog i një aplikacioni të thjeshtë bisedor që ka një ekran kryesor përmes të cilit ndodh ndërveprimi kryesor me përdoruesin.

Aplikacioni Windows Phone Pivot është një lloj aplikacioni për faqeshënues, ku titulli i çdo faqeshënuesi përcakton përmbajtjen. Opsioni standard përdorimi - çdo faqeshënues përfaqëson të njëjtat, në përgjithësi, të dhëna, por në pamje të ndryshme dhe/ose me filtrim të ndryshëm. Për shembull, një kalendar klienti i postës dhe cilësimet e telefonit. Shablloni përdor një kontroll Pivot.

Aplikacioni Panorama i Windows Phone është një aplikacion panorama në të cilin zonat e ndërveprimit të përdoruesit ndahen gjithashtu në panele, por ato janë të aksesueshme përmes lëvizje horizontale; imazhi i sfondit i instaluar në të gjithë panoramën menjëherë, ai ka një titull të përbashkët që rrotullohet më ngadalë se panelet; përmbajtja e panelit ngjitur në të djathtë është e dukshme kur shfaqet ai aktual. Për shembull, qendrat në Windows Phone zbatohen në këtë mënyrë: Njerëzit, Tregu, Piktura, Muzikë+Video, etj. Shablloni përdor kontrollin Panorama.

Modelet që përfundojnë me Agent janë shabllone të bibliotekës për kryerjen e detyrave përkatëse të sfondit:

  • Agjenti i riprodhimit të audios së Windows Phone
  • Agjenti i transmetimit audio të Windows Phone
  • Agjenti i detyrave të planifikuara të Windows Phone

Shablloni i aplikacionit Windows Phone Databound - një shabllon i thjeshtë aplikacioni me një listë - një pamje e detajuar me zbatimin e navigimit midis faqeve, kalimin e parametrave dhe ruajtjen e të dhënave në një ViewModel global.

Modeli i Bibliotekës së Klasës së Windows Phone – shabllon i bibliotekës së klasës për Windows Phone.

Shablloni i aplikacionit Silverlight dhe XNA për Windows Phone për një aplikacion Silverlight që mund të përdorë XNA për të dhënë përmbajtje grafike.

Përpara se të fillojmë të eksplorojmë aftësitë e platformës dhe të zhvillojmë aplikacione, duhet të sigurohemi që kemi të gjitha mjetet e nevojshme dhe të kuptojmë disa baza të zhvillimit.

Mjetet

Visual Studio 2010

Për të zhvilluar për Windows Phone, do t'ju duhet Visual Studio 2010 me Service Pack 1 edition Professional ose më i lartë. Nëse nuk keni Visual Studio 2010, kur instaloni veglat e zhvillimit për Windows Phone, do të instalohet automatikisht versioni falas i Visual Studio 2010 Express për Windows Phone, i cili mund të përdoret gjithashtu për të zhvilluar aplikacione për Windows Phone.

Të dy versionet e Veglave të Zhvillimit të Integruar të Visual Studio i ofrojnë zhvilluesit të njëjtat aftësi të plota të korrigjimit në pajisje dhe emulator që kanë zhvilluesit e aplikacioneve për versionin desktop të Windows.

Ju lutemi vini re se për të korrigjuar gabimet në pajisje, përveç vetë pajisjes dhe kabllit për ta lidhur atë me kompjuterin e zhvillimit, duhet të keni të instaluar softuerin Zune (http://zune.net) në kompjuterin me zhvillimin mjetet. Gjithashtu, përpara se të vendosni aplikacionin dhe të korrigjoni, duhet të regjistroni pajisjen ose ta "zhbllokoni" atë, duke përdorur Veglën e Regjistrimit të Zhvilluesve të Windows Phone, i cili është i instaluar me Windows Phone SDK.

Windows Phone SDK

Kjo paketë, e disponueshme për shkarkim në faqen e internetit të App Hub http://create.msdn.com, përmban gjithçka që ju nevojitet për të filluar zhvillimin. Në kohën e këtij shkrimi, versioni më i fundit i paketës së veglave është i disponueshëm në Windows Phone SDK 7.1 Release Candidate nën licencën "Go Live", me aftësinë për të zhvilluar aplikacionet tuaja dhe për t'i publikuar ato në Windows Phone Marketplace. Kandidati i lëshimit të Windows Phone SDK 7.1 përmban komponentët e mëposhtëm:

  • Windows Phone SDK 7.1
  • Emulator i Windows Phone
  • Asambletë e Windows Phone SDK 7.1
  • Silverlight 4 SDK dhe DRT
  • Zgjerime të Windows Phone SDK 7.1 për XNA Game Studio 4.0
  • Expression Blend SDK për Windows Phone 7
  • SDK e përzierjes së shprehjes për Windows Phone OS 7.1
  • Klient i Shërbimeve të të Dhënave WCF për Windows Phone
  • Microsoft Advertising SDK për Windows Phone

Nëse nuk keni të instaluar versionin e Visual Studio 2010 Professional, Expression Bland 4 ose XNA Game Studio 4.0, procesi i instalimit do të shkarkojë dhe instalojë gjithashtu:

  • Visual Studio 2010 Express për Windows Phone
  • Përzierja e shprehjes 4 për Windows Phone
  • XNA Game Studio 4.0

Përzierja e Shprehjeve dhe Përzierja e Shprehjeve për Windows Phone

Expression Blend është një dizajnues vizual interaktiv për XAML, teknologjia e përshkrimit të ndërfaqes për aplikacionet Silverlight dhe Windows Presentation Foundation (WPF). Është një mjet i shkëlqyer zhvillimi që ju lejon të manipuloni me lehtësi shtresat, animacionet, stilet dhe shabllonet. Ky është një mjet themelor i zhvillimit të XAML. Vetë Expression Blend nuk është falas, megjithatë, një version i veçantë për krijimin e modeleve të aplikacioneve për Windows Phone, i quajtur Expression Blend 4 për Windows Phone, është i disponueshëm për zhvilluesit falas. Ai do të shkarkohet dhe instalohet gjatë procesit të instalimit të Windows Phone SDK nëse nuk keni versionin e plotë të Expression Blend në kompjuterin tuaj. Mund të lexoni më shumë rreth Expression Blend 4 në MSDN:

XNA Game Studio 4.0

Emulator i Windows Phone

Megjithëse Emulatori i Windows Phone nuk përmban grupin e plotë të aplikacioneve të disponueshme në një pajisje reale, ai ofron një mjedis të fuqishëm që ju lejon të zhvilloni pothuajse plotësisht një aplikacion në emulator.

Emulatori i Windows Phone nuk e mbështet luajtjen e përmbajtjes së mediave Zune. Emulatori vjen vetëm me një aplikacion të integruar të Internet Explorer, por është Internet Explorer 9 me mbështetje HTML5.

Në të njëjtën kohë, emulatori ju lejon të testoni thirrjet dhe të dërgoni mesazhe SMS, mbështet multi-prekje në monitorë me mbështetje me shumë prekje, mbështet simulimin e kamerës, shërbimet e gjeolokimit dhe akselerometrin, dhe gjithashtu do t'ju lejojë të bëni pamje nga ekrani.

Mjete shtesë të zhvilluesit

Mjeti i regjistrimit të zhvilluesve të Windows Phone

Profiler i Windows Phone

Windows Phone Profiler është i disponueshëm në menynë Debug të Visual Studio me Windows Phone SDK të instaluar.

Silverlight Toolkit për Windows Phone

Silverlight Toolkit për Windows Phone - një grup kontrollesh të dobishme Silverlight për Windows Phone me mbështetje për modalitetin e projektimit, nga ekipi i zhvillimit Silverlight. I gjithë kodi burimor, shembujt dhe dokumentacioni janë në dispozicion. Përditësohet afërsisht çdo tre muaj, i disponueshëm në http://silverlight.codeplex.com ose nëpërmjet NuGet.

Publikimi aktual përfshin kontrolle të tilla si ContextMenu, DatePicker dhe TimePicker, ToggleSwitch, WrapPanel dhe GestureHelper.

Mjedisi i zhvillimit

Pas instalimit të Windows Phone SDK, grupet e projektit për Silverlight për Windows Phone do të shfaqen në dialogun e Projektit të Ri në Visual Studio:

dhe projektet për Windows Phone do të shtohen në grupin XNA Game Studio 4.0:

Kjo seri artikujsh përqendrohet në zhvillimin për Windows Phone duke përdorur Silverlight, kështu që ne do t'i shikojmë pak më në detaje shabllonet e disponueshme për zhvilluesit e aplikacioneve.

Pas instalimit, shabllonet e mëposhtme të aplikacionit Silverlight për Windows Phone janë të disponueshme për zhvilluesin:

  • Aplikacioni Windows Phone
  • Aplikacioni Windows Phone Databound
  • Biblioteka e klasës së Windows Phone
  • Windows Phone Silverlight dhe Aplikacioni XNA

Përpara se të kaloj drejtpërdrejt te shabllonet e aplikacioneve, më duhet të them disa fjalë për dizajnin e Windows Phone dhe Metro.

Dizajni i Windows Phone dhe Metro

Platforma Windows Phone nuk është thjesht një tjetër platformë për pajisjet mobile. Ai përmban jo vetëm një komponent teknologjik, por edhe një koncept të zhvilluar plotësisht të dizajnit të ndërfaqes dhe ndërveprimit të përdoruesit të quajtur Metro design ose Metro style.

Nëse jeni projektues ose keni një projektues të dedikuar në ekipin tuaj, mund të përfitoni plotësisht nga fuqia e Expression Blend 4 ose Expression Blend për Windows Phone, e cila vjen me Windows Phone SDK.

Çfarë duhet të bëni nëse jeni një zhvillues dhe nuk dëshironi të merreni me dizajnin vizual të aplikacionit, për shembull, jeni duke zhvilluar një aplikacion biznesi dhe gjithçka që kërkohet prej tij është të pajtoheni me dizajnin dhe stilin e përgjithshëm të Windows Phone ?

Gjithçka është shumë e thjeshtë. Së pari, Silverlight për telefonin është projektuar duke marrë parasysh kërkesat e dizajnit Metro, kështu që të gjitha kontrollet e integruara janë bërë në dizajnin Metro. Së dyti, si parazgjedhje, aplikacionet e ndërtuara nga shabllonet e ofruara në Windows Phone SDK ekzekutojnë, shikojnë dhe përdorin stile dhe fonte në përputhje me dizajnin Metro.

Nga ana tjetër, aftësitë e stilimit që ofron Silverlight për kontrollet dhe aplikacionet e bazuara në XAML janë të mjaftueshme për ta bërë aplikacionin tuaj unik dhe të dallueshëm ndërsa qëndroni brenda stilit Metro.

Udhëzuesi i dizajnit të UI dhe përvojës së përdoruesit për Windows Phone mund të gjendet në lidhjen e mëposhtme

Gjithçka që u tha më lart vlen, natyrisht, për hartimin e aplikacioneve të rregullta, pasi kërkesat për hartimin e aplikacioneve të lojërave dhe ndërfaqen e tyre mund të ndryshojnë ndjeshëm. Në të njëjtën kohë, nuk duhet të harrojmë për parimet e përgjithshme të ndërveprimit të përdoruesit të natyrshme në konceptin e Windows Phone.

Modelet e Aplikimit

Së pari, le të shohim tre shabllone që përfaqësojnë tre stilet kryesore të një aplikacioni Windows Phone:

  • Aplikacioni Windows Phone
  • Aplikacioni Windows Phone Pivot
  • Aplikacioni i Windows Phone Panorama

Aplikacioni Windows Phone është një analog i një aplikacioni të thjeshtë bisedor që ka një ekran kryesor përmes të cilit ndodh ndërveprimi kryesor me përdoruesin.

Aplikacioni Windows Phone Pivot është një lloj aplikacioni për faqeshënues, ku titulli i çdo faqeshënuesi përcakton përmbajtjen. Rasti standard i përdorimit është se çdo faqeshënues përfaqëson të njëjtat të dhëna, por në pamje të ndryshme dhe/ose me filtrim të ndryshëm. Për shembull, cilësimet e kalendarit, të klientit të postës elektronike dhe të telefonit. Shablloni përdor një kontroll Pivot.

Aplikacioni Panorama i Windows Phone - një aplikacion panorama në të cilin zonat e ndërveprimit të përdoruesit ndahen gjithashtu në panele, por ato janë të arritshme përmes lëvizjes horizontale; imazhi i sfondit vendoset në të gjithë panoramën menjëherë, ai ka një titull të përbashkët që lëviz më ngadalë se panelet; përmbajtja e panelit ngjitur në të djathtë është e dukshme kur shfaqet ai aktual. Për shembull, qendrat në Windows Phone zbatohen në këtë mënyrë: Njerëzit, Tregu, Piktura, Muzikë+Video, etj. Shablloni përdor kontrollin Panorama.

Modelet që përfundojnë me Agent janë shabllone të bibliotekës për kryerjen e detyrave përkatëse të sfondit:

  • Agjenti i riprodhimit të audios së Windows Phone
  • Agjenti i transmetimit audio të Windows Phone
  • Agjenti i detyrave të planifikuara të Windows Phone

Shablloni i aplikacionit Windows Phone Databound - një shabllon i thjeshtë aplikacioni me një pamje liste - një pamje e detajuar me zbatimin e navigimit midis faqeve me transferimin e parametrave dhe ruajtjen e të dhënave në VeiwModel global.

Modeli i Bibliotekës së Klasës së Windows Phone – shabllon i bibliotekës së klasës për Windows Phone.

Shablloni i aplikacionit Silverlight dhe XNA për Windows Phone për një aplikacion Silverlight që mund të përdorë XNA për të dhënë përmbajtje grafike.

Krijimi i një aplikacioni të thjeshtë

Në dialogun New Project Visual Studio, zgjidhni Visual C#, Silverlight për Windows Phone dhe një shabllon të thjeshtë aplikacionet e Windows Telefononi aplikacionin dhe quani atë ExploringXAMLFeatures.

Në dialogun e përzgjedhjes së objektivit sistemi operativ zgjidhni Windows Phone OS 7.1

Pas krijimit të projektit, dritarja e Visual Studio do të duket kështu:

Le të shohim strukturën e projektit në dritaren e Solution Explorer:

Emri i skedarit Qëllimi
AppManifest.xmlSkedari i manifestit kërkohet për të gjeneruar skedarin XAP në të cilin aplikacioni është paketuar për t'u vendosur në telefon.
AssemblyInfo.csNjë skedar tjetër konfigurimi që përcakton disa meta të dhëna të Asamblesë kryesore të aplikacionit.
WMAppManifest.xmlNjë skedar metadata që përmban cilësime të ndryshme të aplikacionit: titullin, vendosjen e faqes së parë, shtigjet drejt ikonave, përcaktimin e aftësive të kërkuara të sistemit, etj.
App.xamlKy është skedari i burimit të aplikacionit. Këtu ndodhen burimet globale(kjo do të diskutohet kur përdorni stile) ose ngjarje globale (që ndodhin kur fillon aplikacioni). Ky skedar është gjithashtu pika hyrëse e aplikacionit.
App.xaml.csSkedar kodi (code-back) për App.xaml. Këtu mund të trajtoni ngjarjet dhe gabimet e nivelit të aplikacionit, duke përfshirë gurëzimin e varrit të aplikacionit. Ky koncept do të mbulohet më vonë kur të mbulohet multitasking.
ApplicationIcon.pngNjë foto që do të jetë ikona e aplikacionit në telefon. Ky është një skedar vërtet i rëndësishëm pasi është gjëja e parë që përdoruesit do të shohin kur punojnë me aplikacionin.
Sfondi.pngKy imazh përdoret kur aplikacioni është i ngjitur ekrani i fillimit telefoni (ekrani fillestar). Kjo është në thelb një ikonë e madhe aplikacioni. Ka kuptim ta bëjmë atë vizualisht të ngjashëm me ApplicationIcon.png.
Faqja kryesore.xamlKjo është pjesë e modelit të zgjedhur të aplikacionit. MainPaige nuk është një emër shumë i mirë, por është ajo që përdor shablloni i paracaktuar i projektit. Kjo faqe përfaqëson ndërfaqen që shikon përdoruesi kur nis aplikacionin.
Faqja kryesore.xaml.csSkedari i kodit të faqes MainPage.xaml.
SplashScreenImage.jpgKjo foto shfaqet ndërsa aplikacioni është duke u ngarkuar. Ju mund të vendosni foton tuaj me animacion për të informuar se aplikacioni po ngarkohet. Ekziston një teknikë për krijimin e faqeve shumë dinamike të ngarkimit në XNA, por është përtej qëllimit të kësaj serie artikujsh.

Skedarët XAML përcaktojnë ndërfaqen e aplikacionit. Në fakt, këto janë vetëm skedarë XML me gjuhën e shënjimit XAML.

Edhe pse ky është projekti më i thjeshtë, ai përmban gjithçka elementet kryesore, të cilat përmbajnë të gjitha shabllonet dhe llojet e tjera të projektit.

Ju lutemi vini re se disa nga cilësimet e paraqitura në formular skedarët e konfigurimit, mund të modifikohet në ndërfaqen vizuale për modifikimin e cilësimeve të aplikacionit.

Shtimi i kontrolleve në një faqe XAML

Vini re se Visual Studio jep si modelin ashtu edhe XAML të faqes si parazgjedhje.

Nëse keni shkuar për të parë skedarë të tjerë zgjidhjeje, klikoni dy herë shkoni te skedari MainPage.xaml.

Në kodin XAML të skedarit MainPage.xaml, brenda një elementi Grid të quajtur ContentPanel, futni një kontroll Button:

Në dritaren e dizajnit, butoni do të shfaqet menjëherë afërsisht në qendër të ndërfaqes. Kushtojini vëmendje atributit Emri? Ky është identifikuesi unik i elementit, i cili ju ndihmon ta referoni atë në kod. Mendoni për këtë si atributin ID të kontrollit. Tani le të shtojmë disa veprime kur klikohet ky buton. Ka dy mënyra për të lidhur një ngjarje me një Buton (ose ndonjë kontroll tjetër). Në XAML, pikërisht në përkufizimin Button, ne mund të shtojmë një atribut Kliko dhe InteliSense do të pyesë automatikisht nëse duam të gjenerojmë një mbajtës të ri ngjarjesh:

Mund ta lidhni mbajtësin e ngjarjeve drejtpërdrejt në kodin e faqes Home.xaml.cs pa e specifikuar atë në skedarin XAML:

Faqe kryesore publike() ( InitializeComponent(); MyButton.Click +=new RoutedEventHandler(MyButton_Click); )

Të dyja metodat funksionojnë. Ju mund të përdorni ndonjë prej tyre. Për thjeshtësi, ne do të përdorim përkufizimin e metodës XAML këtu. Tani mund të shkruani kodin e menaxhuar në funksionin MyButton_Click që do të ndryshojë ndërfaqen ose do të thërrasë funksione të tjera. Le të plotësojmë aplikacionin tonë të shembullit duke shtuar kodin që do të ndryshojë tekstin në Titullin e Faqes TextBlock (Titulli i faqes është një emër, kështu që ju mund ta referoni atë drejtpërdrejt në kod) në "hello wp7". Për ta bërë këtë, shtoni kodin e mëposhtëm në funksion:

Void privat MyButton_Click (dërguesi i objektit, RoutedEventArgs e) ( PageTitle.Text = "përshëndetje wp7"; )

Zgjidhni në cilësimet e projektit Pajisja Windows Emulator

Dhe hapni aplikacionin duke klikuar në trekëndëshin e gjelbër ose butonin F5. Pas nisjes së aplikacionit dhe klikimit në butonin "Shtypni mua", ekrani duhet të duket i ngjashëm me pamjen e mëposhtme:

Shtimi i faqeve të reja në një projekt

Vetëm aplikacioni më i thjeshtë përbëhet nga një faqe. Ne duam të mësojmë se si të shkruajmë aplikacione komplekse me shumë faqe. Mund të përdorim shabllonet Pivot, Panorama, mund të përdorim modelin e dizajnit MVVM (Model-View-ViewModel) dhe së pari do të mësojmë se si të shtojmë faqe të reja në projekt dhe të lëvizim ndërmjet tyre.

Në dritaren Solution Explorer, klikoni klikoni me të djathtën mouse mbi emrin e projektit dhe në menynë që shfaqet, zgjidhni Shto, më pas artikull i ri, në kutinë e dialogut që hapet, zgjidhni Faqen e portretit të Windows Phone dhe emërtojeni SecondPage.xaml:

Tani kemi një faqe të zbrazët XAML, kopje e saktë Faqja MainPage.xaml përpara se ta redaktonim.

Për të dalluar më mirë ndërmjet faqeve, le të shkojmë te kodi XAML i faqes SecondPage dhe të modifikojmë elementin TextBlock me Name PageTitle Vetia e tekstit si më poshtë:

Lundrimi midis faqeve të aplikacionit

Pra, ne kemi dy faqe në projekt; kur të fillojë aplikacioni, shfaqet faqja MainPage.xaml. Si mund të kaloj tani nga MainPage.xaml në SecondPage.xaml?

Le të provojmë dy mënyra të thjeshta, si ta bëni atë.

Në kodin XAML të skedarit MainPage.xaml pas kodit Button që shtuam më parë, shtoni kodin HyperlinkButton siç tregohet më poshtë:

Artikujt më të mirë mbi këtë temë