Share
Mobiletuts + va acoperi toate platformele mobile majore - iPhone, Windows, Android și Blackberry. Astăzi vom analiza dezvoltarea Windows Phone 7. Windows Phone 7 este cel mai recent sistem de operare mobil de la Microsoft. Este o pauză curată față de sistemele de operare Windows Mobile, cum ar fi WinMo 6.5, și oferă dezvoltatorilor .NET posibilitatea de a intra în explozia aplicațiilor mobile care sa întâmplat în ultimii ani. Acest tutorial vă va prezenta platforma Windows Phone 7, vă va ajuta să instalați SDK-ul și veți demonstra codul fundamental necesar pentru a construi o aplicație simplă.
Dezvoltarea Windows Mobile 7 se face utilizând cadrul .NET. Cadrul .NET este un cadru software creat de Microsoft pentru utilizarea în crearea de aplicații Windows. Programatorii scriu aplicații folosind una din multele limbi suportate de framework-ul .NET, cum ar fi C #, iar aplicațiile se execută apoi în interiorul unui mediu de rulare numit Common Language Runtime. Pentru Windows Phone 7, există două abordări distincte de dezvoltare pe care le puteți lua atunci când creați aplicația.
Prima abordare este utilizarea Silverlight pentru Windows Phone. Silverlight a fost inițial conceput ca o modalitate pentru dezvoltatori de a crea aplicații de internet bogate. Acesta a înregistrat o creștere accentuată a adoptării pieței în ultimii ani, determinată în special de faptul că Netflix utilizează Silverlight pentru streaming video, iar NBC a folosit Silverlight pentru difuzarea sa online a jocurilor olimpice. O aplicație Silverlight combină marcarea declarativă (numită XAML) pentru a construi interfața de utilizator și codul scrise într-o limbă cadru .NET pentru a controla comportamentul unei aplicații. Dacă dezvoltați o aplicație bazată pe date pentru Windows Phone 7, probabil că ar trebui să folosiți Silverlight.
Alternativ, puteți utiliza cadrul XNA pentru a vă dezvolta aplicația Windows Phone 7. XNA este cadrul Microsoft de dezvoltare a jocului și a fost folosit în ultimii ani pentru a crea atât aplicații Windows cât și Xbox 360. Dacă creați un joc pentru Windows Phone 7, probabil veți folosi cadrul XNA. Cadrul XNA este destul de puternic, dar această putere vine cu o curbă considerabilă de învățare și cicluri de dezvoltare mai lungi.
Să începem, asigurându-vă că mediul dvs. de dezvoltare este configurat corect. Va trebui să executați Windows Vista sau Windows 7 și trebuie să aveți instalat pe computer un card grafic compatibil cu DirectX 10. După ce verificați dacă îndepliniți aceste cerințe, accesați http://bit.ly/9FXxQC pentru a descărca instrumentele de dezvoltare.
Derulați în partea de jos a paginii și descărcați fișierul numit VM_BOOT \ vm_web.exe. Odată ce fișierul a fost descărcat, faceți dublu clic pe el pentru a instala pachetul Windows Phone Developer Tools complet. Pachetul include:
Este posibil ca computerul să se repornească cel puțin o dată în timp ce instrumentele sunt instalate. După ce ați instalat instrumentele pentru dezvoltatori în sistemul dvs., sunteți gata să începeți.
Aplicația pe care o veți crea în acest tutorial este una simplă. Afișează un buton simplu pe care îl puteți atinge. Când atingeți, butonul se rotește în jurul interfeței telefonului. Vom dezvolta această aplicație utilizând Silverlight pentru Windows Phone. Ar trebui să dureze mai puțin de 10 minute pentru a crea.
Pentru a începe, deschideți Microsoft Visual Studio 2010 Express pentru Windows Phone. Cea mai ușoară modalitate de ao găsi este să deschideți meniul Start și să introduceți "Visual Studio". Aplicația trebuie să apară în lista cu rezultatele căutării, similară cu următoarea:
Faceți clic pe elementul Visual Studio 2010 pentru a deschide mediul de dezvoltare. Dacă aceasta este prima dată când deschideți aplicația, este posibil să dureze câteva minute până când Visual Studio va inițializa unele setări pentru dvs..
Când deschideți Visual Studio, veți fi întâmpinat cu pagina de pornire a aplicației. Există o mulțime de conținut pe această pagină, inclusiv sfaturi de dezvoltare, știri recente și acțiuni legate de proiecte. Este uneori util să răsfoiți conținutul aici pentru a afla mai multe despre platformă, dar pentru moment doar faceți clic pe linkul "Proiect nou ..." în bara laterală stângă.
Va apărea o casetă de dialog care vă va îndruma prin crearea noului proiect. Asigurați-vă că elementul "Aplicație Windows Phone" este selectat ca șablon de proiect. Apoi, dați proiectului numele. Pentru acest tutorial, vă recomandăm să apelați proiectul "Rotating_Button". În final, confirmați că caseta de selectare "Creare director pentru soluție" este selectată. Acest lucru vă ajută să vă organizați eforturile de dezvoltare. Setările dvs. ar trebui să se potrivească cu a mea:
Faceți clic pe "OK" pentru a vă crea noul proiect.
Șablonul pe care l-ați selectat vă oferă o aplicație complet funcțională. Pentru ao vedea în acțiune, trebuie doar să apăsați CTRL + F5 pentru a compila aplicația și ao lansa în emulatorul de telefon Windows Phone. Emulatorul se lansează cu o singură pagină care conține un titlu de aplicație și un titlu de pagină.
Acest interfață implicită nu va face pentru aplicația noastră, așa că facem câteva modificări. Visual Studio ar fi trebuit să deschidă fișierul MainPage.xaml pentru editare când ați creat proiectul. Dacă nu, faceți dublu clic pe numele fișierului din Solution Explorer pentru al deschide.
Ar trebui să vedeți o vizualizare divizată. Pe o parte a mediului de dezvoltare puteți vedea modul în care va apărea fișierul curent atunci când se execută aplicația. Acesta este modul de proiectare. Pe de altă parte, aveți marcajul XAML care declară cum ar trebui să arate interfața dvs. Orice schimbări pe care le faceți pe o parte vor fi reprezentate pe cealaltă parte. Acest lucru este similar cu un editor WYSIWYG HTML precum Dreamweaver.
Primul lucru pe care dorim să-l facem este să ștergem totul în interiorul grila de layout astfel încât să putem oferi propriul nostru markup. Ar trebui să vedeți o etichetă Grid numită LayoutRoot. Ștergeți totul în interiorul acestei etichete. Veți încheia cu următorul cod:
Modul de vizualizare a modului de proiectare ar trebui să afișeze un ecran gol în acest moment.
Acum trebuie să adăugați interfața utilizator pentru aplicația dvs. Aplicația noastră constă într-un singur buton care se va roti în jurul unei grile. Grilă este de 2 × 2, deci hai să mergem mai departe și să declare că grilă layout ar trebui să aibă două rânduri și două coloane. Schimbați marcajul grilei de aspect la următoarele:
După ce ați definit grila de aspect, este timpul să creați butonul care va fi utilizat de utilizatorii dvs. Doriți ca butonul să înceapă în caseta din stânga sus a grilajului, deci veți declara că acesta se află în rândul 0 și coloana 0.
În XAML, spuneți unui element să se plaseze într-o rețea, declarând elementul și apoi atribuindu-i indicatorii corespunzători rândului și coloanei. În interiorul grila de aspect, adăugați un buton utilizând următoarea marcare:
Acest marcaj spune că butonul trebuie să se poziționeze în coloană și rândul 0, să se întindă atât pe orizontală cât și pe verticală în interiorul celulei de rețea pe care o ocupă și să aibă textul "Tap Me!"
Codul dvs. UI al aplicației ar trebui să semene acum cu următoarele:
În acest moment, puteți declanșa aplicația dvs. și puteți vedea că interfața dvs. este instalată. La fel ca și mai devreme, apăsați CTRL + F5 pentru a compila și lansa aplicația în emulatorul Windows Phone. Dacă ați făcut totul corect, veți vedea un buton în emulatorul dvs. imbricat ferm în colțul din stânga sus.
Puteți atinge butonul făcând clic cu mouse-ul, dar nu se va întâmpla nimic. Vom remedia acest lucru prin adăugarea unui cod de manipulare a evenimentului.
Întoarceți-vă la Visual Studio și asigurați-vă că aveți MainPage.xaml deschis în modul design / code. Trebuie să adăugați un atribut de manipulare a evenimentelor la butonul pe care l-ați creat. Modificați declarația butonului, adăugând un atribut ManipulationStarted. Asigurați-vă că permiteți Visual Studio să creeze pentru dvs. o funcție de gestionare a evenimentelor. Marcajul butonului dvs. ar trebui să arate astfel:
Acum, deschideți codul din spatele fișierului pentru MainPage.xaml. Este numit MainPage.xaml.cs și îl puteți găsi în Solution Explorer făcând clic pe săgeata de lângă MainPage.xaml.
În interiorul MainPage.xaml.cs veți vedea manipularea evenimentului pe care a creat-o Visual Studio. Visual Studio cel mai probabil a numit-o Button_ManipulationStarted și, în scopul acestei aplicații, ar trebui să fie bine. Modificați declarația funcției la următoarele:
void privat Button_ManipulationStarted (expeditor obiect, ManipulationStartedEventArgs e) buton b = expeditor ca buton; int col = Grid.GetColumn (b); int rând = Grid.GetRow (b); dacă (col == rând) Grid.SetColumn (b, ++ col% 2); altceva Grid.SetRow (b, ++ rândul% 2);
Primul lucru pe care această metodă îl face este să creeze o nouă variabilă de tip Button și îi atribuie o trimitere la variabila expeditorului. Acest lucru este important deoarece butonul derivă din UIElement și următoarele operații necesită un obiect UIElement ca parametru. Apoi, metoda primește coloana curentă și indexul rândului utilizând o metodă statică a clasei Grid. În cele din urmă, metoda utilizează un algoritm simplu pentru a determina unde să se mute butonul și să se modifice indicele de rând sau coloană, după caz. Știți că dacă indicii rândului și al coloanei sunt aceiași, atunci coloana trebuie să se schimbe. Dacă indicii rândului și al coloanei sunt diferiți, rândul trebuie modificat. În orice caz, utilizați o altă metodă statică a clasei Grid pentru a seta rândul sau coloana butonului. Indicele corespunzător este determinat folosind câteva matematice simple.
În acest moment, am terminat cu aplicația de probă. Apăsați CTRL + F5 pentru a compila și a lansa aplicația dvs. și apoi încercați să faceți clic pe butonul dvs. Veți vedea că se mișcă în jurul grila de fiecare dată când faceți clic. Încercați să utilizați comenzile emulatorului pentru a schimba orientarea telefonului și veți vedea că aplicația se adaptează fără probleme.
Doar am atins tema dezvoltării Windows Phone 7 în acest tutorial. În timp ce sunteți familiarizat cu noțiunile de bază ale creării unei aplicații cu Silverlight, probabil că doriți să aflați mai multe despre dezvoltarea XAML, Silverlight, XNA și Windows Phone 7 în general. Din fericire, există deja mai multe resurse pe care le puteți face:
Accentsconagua