Cum se creează o aplicație pentru Windows Phone. Cum să creați prima aplicație pentru Windows Phone. Exemplu de dezvoltare folosind designerul Microsoft App Studio

Astăzi, dezvoltarea de aplicații pentru Windows 10 Mobile este una dintre cele mai promițătoare domenii.

Mulți programatori se reeduca și stăpânesc singuri acest domeniu al activității lor.

Alții sunt instruiți de compania pentru care lucrează.În orice caz, aceasta este o direcție excelentă și cu siguranță merită urmărită.

Prin urmare, vom analiza pașii care trebuie parcurși.

Continut:

Informații introductive

În funcție de faptul că ai mai făcut vreo dezvoltare, îți va fi mai ușor sau mai greu să înțelegi tot ce va fi discutat mai jos.

Ne vom concentra asupra acelor oameni care tocmai au început să înțeleagă elementele de bază.

Poate ai fost la facultate sau ai luat niște cursuri pentru.

Dacă da, aceste instrucțiuni sunt special pentru tine.

Să trecem direct la subiectul dezvoltării.

Dezvoltatorii Microsoft au făcut un lucru foarte convenabil acum câțiva ani. Ei au creat așa-numitele aplicații universale, sau mai degrabă, un mediu de dezvoltare pentru ei.

Sunt potrivite pentru absolut toate dispozitivele care rulează pe .

În figura 1, ceea ce este scris mai sus este prezentat în diagramă.

Însăși existența aplicațiilor universale se bazează pe concept UWP (Platforma universală Windows).

Astfel de programe (aplicații universale) sunt potrivite pentru o mare varietate de dispozitive - PC-uri, dispozitive mobile și așa mai departe.

Ele sunt unite de următoarele componente:

  • Interfață de utilizator adaptivă– interfață adaptivă, adică aspectul programului care se poate schimba independent în funcție de dispozitivul pe care rulează;
  • Intrări naturale ale utilizatorului– un set de dispozitive de introducere a datelor, cum ar fi un microfon, un stylus etc.;
  • Un SDK + unelte– un mediu de dezvoltare universal pentru diferite dispozitive și un set de instrumente însoțitor;
  • Un magazin + un centru de dezvoltare– un magazin de la care puteți obține aplicații pentru diferite dispozitive și un centru de dezvoltatori;
  • Servicii cloud– datorită căruia puteți organiza un proces de dezvoltare comun sau pur și simplu puteți stoca programe și fișiere într-un singur loc, accesibil din diferite gadget-uri.

Datorită acestei abordări, vă puteți optimiza serios munca.

Principalul său avantaj este că nu trebuie să scrieți, de exemplu, 2 separate și .

Scrii un program și se adaptează la dispozitivul pe care rulează.

Prin urmare, astăzi, în principiu, nu există un program separat pentru Windows 10 Mobile.

În schimb, există UWP.

Este de remarcat faptul că atunci când sistemul de operare Windows Phone (sistemul de operare care a precedat Win Mobile) a fost utilizat, această abordare nu a fost furnizată. A trebuit să fac un program pentru un computer și apoi să încerc să port (cu alte cuvinte, să-l adaptez) pentru . Deși în marea majoritate a cazurilor a fost necesar să se dezvolte de la zero. După cum vă puteți imagina, acest lucru a fost extrem de incomod.

Din fericire, totul s-a schimbat acum și avem un mod universal de programare.

Acum să trecem la practică.

Metode de dezvoltare pentru Windows 10 Mobile

Pe baza celor de mai sus, putem evidenția trei moduri de a scrie un program pentru Windows 10 Mobile:

Multiplatformă. Într-un mediu software Studio vizual (acesta este unul dintre instrumentele de dezvoltare despre care vom vorbi în secțiunea următoare) există o astfel de componentă, ca Xamarin . Deci, datorită acesteia, este posibil să se dezvolte programe pentru Windows 10 Mobile și simultan. Dezvoltatorul va avea trei ecrane în care poate schimba interfața creației sale. Dar logica programului va rămâne neschimbată. Se folosește C#.

Alte. Teoretic, deși acest lucru va fi destul de problematic, în scopul nostru putem folosiȘi . Aceste limbaje de programare sunt considerate învechite astăzi (doar De bază ). Dar ele pot fi încă folosite.

După cum puteți vedea, prima metodă este optimă, mai ales dacă vorbim de un master de cod începător.

Prin urmare, este logic să vă dați seama de ce instrumente veți avea nevoie pentru a crea un program folosind această metodă.

Ce este necesar pentru dezvoltare - studierea instrumentelor

Va trebui să descărcați toate acestea chiar acum pentru a începe să creați! Să spunem imediat că totul este acolo Microsoft.

Deci, iată de ce aveți nevoie:

Studio vizual. Acesta este un mediu de dezvoltare.În el vei scrie cod, vei vedea aspectul viitoarei aplicații, o vei compila (o vei rula cu alte cuvinte) și așa mai departe. Descarca VS Puteți vizita visualstudio.com. Există 3 versiuni - Comunitate, profesională și întreprindere . Primul este gratuit și are funcționalitate minimă. Dar acest lucru este suficient pentru a se angaja în dezvoltare sub Win 10 Mobile . Celelalte două sunt plătite și au funcționalități semnificativ extinse.

Windows 10 Anniversary Update SDK. Acesta este un pachet actualizat de instrumente necesare dezvoltării pentru întreaga gamă de gadgeturi care rulează pe sistemul de operare Windows 10. Îl puteți descărca de pe developer.microsoft.com. Această componentă trebuie doar instalată după descărcare. Se va „integra” automat VS.

Începătorii vor avea suficientComunitatea Visual Studio in combinatie cu Windows 10 Anniversary Update SDK.

Important! Asigurați-vă că verificați cerințele de sistem Studio vizual . Este foarte posibil ca computerul dvs. să nu suporte versiunea 2017. Pe același site le puteți găsi pe cele anterioare VS.

În viitor, când ați stăpânit elementele de bază, ai putea incerca si sa folosesti Blend pentru Visual Studio.

Dar acest lucru este relevant doar dacă utilizați Studio vizual nu 2017, ci o versiune mai veche.

În VS În 2017, un astfel de instrument pur și simplu nu are sens. Cel mai bun i-a fost deja luat acolo.

Licență de dezvoltator si deblocare

În cazul nostru, va fi necesară și o licență de dezvoltator. Acest lucru este adevărat dacă lucrezi pentru

Dar va fi obținut automat la compilarea primei aplicații.

Deci nu trebuie să faceți nimic suplimentar.

Ar trebui acordată mai multă atenție deblocării dispozitivului. Pe viitor, pentru a instala aplicații fără licență (pe care le-ați scris chiar dvs., nu pot avea încă una până nu sunt verificate și nu sunt în magazin), va trebui să efectuați câțiva pași.

Specific trebuie să faceți următoarele:

  • Utilizați căutarea pentru a găsi meniul " Actualizare și securitate» („Actualizări și securitate” dacă este în rusă).
  • Este în meniul din stânga tu iei" Pentru dezvoltatori» ("Pentru dezvoltatori").
  • Bifează marcajul lângă inscripție « Modul dezvoltator» („Modul dezvoltator”)

Uneori, dacă nu efectuați această acțiune simplă, apar probleme cu munca ulterioară.

Exemplu de aplicație – „Hello World”

Deci, pentru a scrie prima cerere, fa asta:

1 Lansați Visual Studio instalat. Tu iei "Fişier", apoi "Crea"Și "Proiect".

2 Se deschide Fereastra „Creați proiect”.. Faceți clic pe panoul din stânga „Ustabilit» , apoi apasa „Visual C++» (vom folosi acest limbaj pentru moment) și mai departe paragraf„Aplicații universale pentru Windows» .

3 Lăsați totul așa cum este în partea centrală a ferestrei deschise. Acolo ar trebui selectat elementul „Aplicație goală...”.

4 În partea de jos, introduceți numele proiectului, locația sursă și numele comenzii rapide.

5 Faceți clic "BINE"în colțul din stânga sus.

6 În panoul din stânga veți găsi o listă cu toate fișierele de proiect. Fără a intra în detalii, să presupunem că codul este scris într-un fișier cu extensia .xaml. În cazul nostru, acesta este „MainPage.xaml”. Deschideți-l și va apărea o casetă de cod în partea centrală.

  • - Element „StackPanel”. „este un fel de recipient pentru alte elemente; aici indicam lungimea si inaltimea acestuia;
  • Hello World" și font 36;
  • - bloc de text cu cuvintele „ Care e numele tău?";
  • - un alt StackPanel cu parametri proprii;
  • - câmp de introducere a textului;
  • - închiderea primului StackPanel;
  • - închiderea celui de-al doilea StackPanel.

8 Apăsați butonul „F5”.» pe tastatură pentru a vedea cum funcționează programul.

Astfel ai scris primul tău program. Acum trebuie să petreceți o cantitate imensă de timp învățând elementele de bază ale programării și industria pe care ați ales-o. Trebuie să mergem mai departe. Dacă studiezi la vreo instituție de învățământ unde predau Windows sau ai posibilitatea de a urma cursuri suplimentare, foloseste materialul pe care ti-l vor oferi. Și dacă nu, am întocmit pentru tine o listă cu cele mai bune cărți și articole pe care le poți găsi pe internet pentru a te învăța singur.

Odată cu lansarea Windows 8, dezvoltatorii au fost introduși într-un tip complet nou de aplicație - Aplicații în stil UI modern. Cum e nou? Aplicații similare au fost deja dezvoltate pentru Windows Phone. Aceste aplicații nu aveau nimic în comun cu aplicațiile familiare Windows. Astfel de aplicații nu sunt compatibile cu versiunile anterioare de Windows, au o interfață complet nouă (Modern) și sunt dezvoltate folosind o nouă WinRT API(Windows Runtime API) și Windows XAML(limbaj de marcare a interfeței).

Nu au existat probleme la scrierea doar a versiunii Windows 8 a aplicației dvs., totuși, dacă trebuia să scrieți o aplicație nu numai pentru Windows, ci și pentru Windows Phone, trebuia să depășiți anumite dificultăți. Chestia este că Windows Phone folosește Silverlightși Windows Phone API, în timp ce Windows 8 folosește Windows XAMLși WinRT API. Au unele diferențe semnificative.

Pentru o persoană ignorantă i se poate părea că acest lucru nu ar trebui să creeze probleme, deși în realitate fiecare versiune a aplicației trebuie să fie scrisă complet de la zero. Aceasta este tocmai problema principală, deoarece cantitatea de muncă care trebuia făcută a fost colosală. Nu, desigur că au existat modalități de a unifica unele părți ale aplicației, dar sunt dificile pentru un dezvoltator începător.

Microsoft știa despre această problemă și a lucrat mult timp la o soluție. Rezultatul acestei lucrări a fost așa-numitul aplicații universale pentru Windows(Universal Windows Apps), care sunt disponibile începând cu Windows 8.1 Update 1 și Windows Phone 8.1 (care vor fi disponibile pentru instalare pe toate dispozitivele Windows Phone 8 până la sfârșitul verii). S-ar putea presupune că aplicațiile vor funcționa acum fără recompilare atât pe Windows, cât și pe Windows Phone, dar acest lucru nu este în întregime adevărat.

Fiecare aplicație va fi în continuare creată și compilată separat pentru fiecare platformă, dar cantitatea de muncă necesară a fost acum redusă semnificativ. Chestia este că Microsoft a unificat în sfârșit majoritatea API-urilor pentru Windows și Windows Phone. Majoritatea modificărilor au fost făcute pe partea Windows Phone. De acum înainte, WinRT API și Windows XAML sunt folosite pentru a scrie aplicații pentru aceste două platforme (în curând vor fi trei, și Xbox One). Desigur, familiarul Silverlight pentru Windows Phone nu a dispărut și chiar a dobândit unele capacități suplimentare, dar nu despre asta vorbim acum.

Aplicațiile universale folosesc acum Windows Runtime (același Windows Runtime). Aceste inovații permit programatorului să reducă la minimum codul dependent de platformă, deoarece majoritatea apelurilor către API sunt identice.

Aplicația de testare

Astăzi vă sugerez să încercați să scrieți o aplicație universală simplă, al cărei nume este "Salut Lume!". Vom scrie în limbaj C#(sunt necesare cel puțin cunoștințe de bază ale limbii și XAML). Pentru a face acest lucru, avem nevoie minim de:

Windows 8.1 (x86)

Este destul de minim. Cu acest kit, puteți dezvolta o aplicație universală și puteți depana versiunea Windows pe computerul dvs. actual. Puteți depana versiunea Windows Phone a aplicației doar pe un dispozitiv real (și este necesar un cont de dezvoltator).

Pentru a putea depana aplicația în emulatorul Windows Phone, veți avea nevoie de:

Windows 8.1 Professional (x64)
Procesor cu suport pentru virtualizarea hardware pentru clientul Hyper-V (chiar și Celeron G1610 de buget și chiar Pentium 4 pe LGA775 sunt potrivite)
Visual Studio Express 2013 pentru Windows Update 2

Cu acest kit, vă puteți dezvolta aplicația mai complet și o puteți testa în diferite moduri folosind un simulator de tabletă Windows și un emulator Windows Phone.

voi folosi Studio vizual Ultimate 2013 și voi arăta totul despre el. Nu vă faceți griji, interfața nu este practic diferită de Express gratuit. Sa incepem!

Universal „Bună, lume!”

Să lansăm Visual Studio și să creăm un nou proiect.

În capitolul „Aplicații Windows Store” Există diverse șabloane de aplicații atât pentru Windows, cât și pentru Windows Phone. Suntem interesați de aplicații universale, ale căror șabloane sunt disponibile într-o subsecțiune specială.

Există două opțiuni din care să alegeți: o aplicație goală și o aplicație cu Hub (acesta este un control atât de grozav). Să ne concentrăm pe o aplicație goală, pentru că încă învățăm și nu ar trebui să intrăm imediat în buruieni. Să începem cu simplul.

Introduceți un nume pentru aplicația pe care o creați. l-am sunat „UniversalHelloWorld”, clar și precis. Faceți clic pe OK și așteptați până când Visual Studio creează proiectul. Să ne uităm la structura proiectului creat.

Întregul proiect este împărțit în trei părți:

Windows - conține cod și elemente disponibile numai pentru versiunea Windows a aplicației
Windows Phone - conține cod și elemente disponibile numai pentru versiunea Windows Phone a aplicației
Partajat – conține cod și elemente care sunt disponibile pentru două platforme simultan

Vă rugăm să rețineți că în acest moment există un singur element în comun: App.xaml(și App.xaml.cs). Acest element este responsabil pentru pornirea și oprirea aplicației.

Puteți încerca deja să lansați aplicația. Și pentru a face acest lucru, apăsați F5. Pentru a opri depanarea, reveniți la Visual Studio și faceți clic „Shift+F5”. Ar trebui să vedeți un ecran gol. Versiunea Windows a aplicației va fi lansată inițial. Pentru a alege ce versiune a aplicației să ruleze, căutați butonul de depanare (triunghi verde) pe bara de instrumente.

Aici puteți alege unde să rulați depanarea aplicației dvs. Simulatorul simulează o tabletă Windows, pe care puteți schimba orientarea, rezoluția afișajului și alte lucruri. Butonul „Computer la distanță” este conceput pentru a lansa depanarea pe un dispozitiv extern Windows 8. Folosesc Surface RT în aceste scopuri.

Să revenim la schimbarea versiunii de rulare. În submeniu „Proiectul de pornire” tu poti alege „Windows Phone 8.1”. După aceasta, conținutul meniului de bază se va schimba și mulți emulatori vor fi disponibile pentru alegerea dvs.

Selectați emulatorul dorit și începeți depanarea. Odată ce emulatorul pornește, veți vedea un ecran gol al aplicației dvs. Odată ce depanarea este completă, nu este nevoie să închideți deloc emulatorul.

Pentru moment, fiecare versiune a aplicației are o pagină principală separată MainPage.xaml. Deoarece aplicația noastră este foarte simplă, nu avem nevoie de un design diferit de pagină pe fiecare platformă. Mutați MainPage.xaml în partiția partajată, apoi ștergeți-l din partițiile Windows și Windows Phone. Structura proiectului va fi astfel:

Prin deschiderea acestui fișier, veți vedea această țară în editorul vizual, precum și codul său de marcare. Până acum avem următorul cod:

Doar creează grila rădăcină a paginii, umplută cu culoarea standard a paginii. Să adăugăm pe pagină o inscripție cu același nume și un buton de bun venit. Plasați un element TextBlock în Grid. Codul elementului va fi:

Pentru a vedea cum arată pagina în modul tabletă/desktop și telefon, utilizați lista derulantă de deasupra editorului de coduri.

Vom adăuga și un buton pe pagină care ne va afișa un mic mesaj. Codul pentru acest buton este:

Să adăugăm un handler de evenimente clic pentru acest buton. Pentru a face acest lucru, faceți dublu clic pe butonul și veți fi dus automat la editorul de cod C#. A fost generat automat un handler gol.

Ultima actualizare: 31.10.2015

Să lansăm Visual Studio Express 2013 pentru Windows. Selectați Fișier->Proiect nou... din meniu. În fața noastră se va deschide fereastra de creare a proiectului:

În partea stângă a ferestrei, selectați Visual C#->Store Apps->Windows Phone Apps. Și dintre șabloanele pentru noul proiect, selectați Blank App (Windows Phone), dați un nume proiectului, de exemplu, numiți-l HelloApp. Și faceți clic pe OK.

Și Visual Studio va crea un nou proiect:

Un proiect șablon de aplicație necompletat are următoarele noduri în mod implicit:

    Directorul Assets care conține fișierele imagine care vor fi utilizate

    App.xaml și App.xaml.cs - fișierul de resurse ale aplicației în xaml și, respectiv, fișierul de cod al aplicației în C#

    MainPage.xaml și MainPage.xaml.cs - fișierul GUI al ferestrei aplicației și, respectiv, fișierul cod al ferestrei în C#

    Package.appxmanifest - fișierul manifest al aplicației

În această etapă incipientă, fișierele sunt de valoare pentru noi. MainPage.xamlȘi MainPage.xaml.cs. Să deschidem fișierul MainPage.xaml, care reprezintă interfața grafică:

În stânga, sub formă de telefon, vom avea o fereastră de graphic designer. În dreapta este fereastra de aspect al interfeței grafice în xaml. Interfața grafică în acest caz este reprezentată de clasa MainPage, care este o pagină separată. Toate modificările pe care le facem interfeței vor fi afișate imediat în designerul grafic, ceea ce ne va oferi o înțelegere vizuală a modului în care va arăta totul în cele din urmă.

Să presupunem că aplicația noastră va calcula suma depozitului după ce a fost calculată dobânda. Pentru a face acest lucru, avem nevoie de un câmp pentru introducerea sumei depozitului, un câmp pentru afișarea rezultatului și un buton cu care vom iniția calculele sumei totale. Deci, să schimbăm codul fișierului MainPage.xaml in felul urmator: