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

Dezvoltați aplicații pentru Windows Phone nu este atât de dificil, mai ales dacă încerci să faci o aplicație care să ofere informații despre servicii și produse sau să colecteze date dintr-un flux RSS.

Acesta este un tip de aplicație care poate fi implementată folosind codul javascript în browser sau folosind designerul Access și, prin urmare, pentru dezvoltarea unui astfel de dispozitiv mobil sau aplicații desktop Nu trebuie să aveți un set complet de instrumente. A sosit o nouă generație de creatori de aplicații, servicii web care vă permit să vă creați și să rulați propriile aplicații.

Microsoft a lansat recent studio propriu pentru a crea aplicații - Windows Phone App Studio. Acesta este un instrument simplu care vă va permite să creați aplicații de lucru de la zero. De exemplu, pentru dezvoltare aplicare simplă despre care despre care vorbimîn articol, veți avea nevoie de mai puțin de 15 minute, deoarece în acest constructor prezentat șabloane standard. Desigur, acum nu vorbim despre dezvoltare programe complexe sau jocuri, dar acest articol va fi suficient pentru a începe.

Ca Accesați aplicații, programe create cu Ajutor Windows Telefon App Studio utilizați conexiuni de date, adică sunt construite pe modelul de vizualizare principală/detaliată. Puteți conecta un flux de conținut (fie RSS, Youtube etc.) sau îl puteți utiliza pentru a vă publica propriul conținut. Desigur, aplicația este capabilă de ambele în același timp. Pe lângă feeduri, vei avea și posibilitatea de a posta propriul continut, fie că sunt pagini compilate în cod HTML, fie pagini organizate folosind baze de date simple pe care Microsoft le numește „colecții”.

1. La prima treaptă, trebuie să decideți asupra conținutului aplicației dvs., puteți edita sau șterge acele pagini și elemente care sunt implicite.

Am conectat aplicația noastră de testare la fluxul RSS din lumea minunată. Tot ce avem nevoie este adresa URL a feedului, iar constructorul va crea automat o fereastră de vizualizare care afișează o listă de articole recente, precum și o a doua zonă de vizualizare care afișează informatii detaliate despre articole.

Cu toate acestea, merită remarcat faptul că procesul de creare a propriei aplicații nu este atât de simplu, deoarece analizatorul RSS utilizat în App Studio uneori nu poate face față formatării fluxurilor RSS generate de site. Adică, uneori, aceasta poate deveni o problemă reală, deoarece textul articolului pur și simplu nu va fi afișat, iar capacitatea de depanare va fi sever limitată, așa cum este cazul oricăror instrumente de dezvoltare cloud.

3. Acum, va trebui să setați descrierea titlului,și, de asemenea, setați-l la 160x160 pixeli.

4. Ei bine, etapa finală - generare și publicare aplicatii. Iată ce avem:

La final, este disponibilă o previzualizare a aplicației create, puteți verifica cum va funcționa pe un smartphone sau tabletă. Dacă totul este în regulă, faceți clic pe butonul „Generați”, va apărea o fereastră pop-up:

Două opțiuni din care să alegeți, prima este să generați o aplicație pentru dispozitive mobile, al doilea este pentru tablete și PC-uri obișnuite. Serviciul durează mai puțin de 10 minute pentru a se genera, așa că puteți realiza pe rând câte un produs pentru fiecare platformă. Procesul de instalare este foarte simplu datorită suportului încorporat pentru codurile QR în Windows Phone. Mai întâi, trebuie să instalați un certificat pe telefon, iar acest lucru se face printr-un cod QR care vă permite să descărcați certificatul direct pe telefon.

  • Pentru a pune miracolul rezultat pe Windows Phone Store, de ex. la magazinul de aplicații, astfel încât oricine, nu doar tu, să o poată descărca, ai nevoie de un certificat de dezvoltator. Costă aproximativ 600 de ruble.

Este imediat evident că acest instrument vizează scenariile BYODev - atunci când trebuie să obțineți rapid o aplicație fără a vă implica într-un proces de dezvoltare cu drepturi depline. Deși este de remarcat faptul că aveți în continuare posibilitatea de a descărca gata făcute codurile sursă, și utilizați acest instrument pentru prototipare înainte de a le oferi echipei de dezvoltare pentru revizuire. Cu siguranță veți putea conecta în mod independent sursele de date sub formă de colecții găzduite în cloud.

Acesta este unul dintre motivele bune pentru care Microsoft vă permite să descărcați codul sursă care este gata de rulare în Visual Studio. Acesta va fi inclus într-un proiect Visual Studio și poate fi importat direct în IDE-ul desktop și apoi depanat. Depanarea aplicației folosind simulatorul de dispozitiv preferat vă va ajuta să identificați rapid problema - imaginea inserată la începutul articolului a fost ștearsă de pe server. Puteți schimba rapid codul și aplicația va funcționa din nou.

Pe lângă faptul că ușurează depanarea, accesul la codul sursă facilitează și stilul codului generat, fie prin schimbarea șabloanelor, fie prin schimbarea conexiunilor surselor de date la sursele personale. Codul generat este tot comentat și, deoarece este folosit ca model principal de proiectare de dezvoltare atunci când creați aplicații, vă va fi mult mai ușor să înțelegeți exact cum funcționează fiecare bucată de cod în parte și cum să o adaptați la cerințele dumneavoastră.

Un lucru este clar despre crearea unor astfel de aplicații: ele nu sunt concepute pentru a crea aplicații complexe. Sunt ca niște jucării de plastic pentru copii: totul este în fața noastră și trebuie doar să punem ceva împreună cu sens. Pe măsură ce câștigați experiență prin aceste tipuri de locuri de joacă, puteți trece treptat la formatarea codului și să-l utilizați pentru a crea lucruri mai complexe. Cu seturi de instrumente precum Windows Phone App Studio, puteți câștiga experiență specifică cu aplicații bazate pe conținut, fluxuri RSS, conținut web și conținut local.

Desigur, este puțin probabil ca acest kit să reprezinte tot ce va trebui să creați aplicație comercială, oricât de simplu ar trebui să fie. Dar nu acesta este ideea, deoarece codul generat vă oferă un cadru cu care să lucrați, precum și capacitatea de a înțelege cum funcționează procesul de creare a aplicației. Un lucru este sigur: dacă intenționați să începeți să vă dezvoltați propriile aplicații, atunci acesta este un loc minunat pentru a începe. Citește mai departe: și?

De astăzi toți dezvoltatorii pot încărca magazin windows 10. Dacă utilizați acest sistem de operare, vă puteți crea propria aplicație pentru el. Nu trebuie să vă înregistrați ca dezvoltator sau să îl publicați în magazin, dar îl puteți folosi singur sau îl puteți trimite prietenilor dvs.

Cum se creează o aplicație pentru Windows 10?

Accesați site-ul web, conectați-vă la contul Microsoft și acceptați termenii propuși.

Se va deschide pagina principala serviciu. Faceți clic pe „Windows 10” și selectați „Empty App W10” din secțiunea de șabloane.

Creați un nume pentru aplicația dvs., introduceți-l în câmpul corespunzător și faceți clic pe „Începeți cu aceasta!”

Vei fi dus la panou de lucru App Studio. În fila „Conținut” puteți completa aplicația cu conținut din fluxul RSS al oricărui site și diverse servicii(Facebook, Twitter, YouTube, Instagram, Flickr și așa mai departe). De asemenea, puteți utiliza cod HTML.

Aspectul conținutului de pe pagina aplicației poate fi configurat făcând clic pe pictograma de editare de pe tigla oricăruia dintre blocuri. Modificările nu sunt salvate automat, așa că faceți clic ocazional pe butonul Salvare.

În fila „Teme”, puteți selecta oricare dintre temele pregătite sau puteți modifica una existentă, astfel încât să se potrivească cel mai bine aplicației dvs.

În fila „Tiles”, puteți configura dala live a aplicației. Puteți încărca pictograme de diferite dimensiuni.

Fila „Setări” este cea finală. Aici puteți selecta limba aplicației, adăugați o descriere, conectați proiectul la contul dvs. de dezvoltator și activați publicitatea.

În orice moment, puteți vedea cum va arăta aplicația dvs. și va funcționa pe un smartphone, tabletă și computer. Dacă trebuie să faceți modificări, reveniți la orice filă și editați conținutul.


Când aplicația este gata, faceți clic pe „Generează”. App Studio va crea fișier de instalareși va oferi cod sursă care poate fi deschis într-un instrument mai serios - Visual Studio.

Descărcați arhiva cu aplicația pe computer, despachetați-o într-un folder, dar nu vă grăbiți să o lansați.

Descărcați certificatul rădăcină de pe site-ul Microsoft și instalați-l. Apoi accesați meniul Actualizare și securitate din setările dispozitivului și, sub opțiunile pentru dezvoltatori, activați Modul dezvoltator.


Deschideți folderul cu aplicația dvs. în Explorer, faceți clic pe fișierul Add-AppDevPackage Click dreapta mouse și apoi la „Run with PowerShell”. Dacă aplicația nu se instalează prima dată, încercați a doua oară, ar trebui să funcționeze. După instalarea cu succes, acesta va apărea în lista cu toate aplicațiile instalate din meniul de pornire. Puteți lansa și utiliza.

Există o părere că în viata reala smartphone-urile cu sistemul de operare Microsoft se găsesc la fel de des ca și persoanele cu patronimul „Artemovich”. Politica ciudată (pentru a fi ușor) a „Evil Corporation” cu privire la a șaptea și a opta familie a sistemului de operare mobil i-a îndepărtat pe mulți utilizatori de a experimenta cu „ferestre” pentru smartphone-uri, iar acum corporația și-a asumat serios sarcina de a-și corecta imaginea în această nișă de utilizator. În calitate de fan subteran al Microsoft, sper că totul va funcționa pentru ei - „top zece” marșează în jurul planetei, atuul său principal este un nucleu pentru toate platformele și, prin urmare, are toate șansele să preia partea bună. piata mobila. Și ca programator, voi fi bucuros să vă fac un articol introductiv despre dezvoltarea acestei axe mobile, astfel încât să fiți mereu gata pentru creșterea popularității sale :).

Privire de ansamblu asupra arhitecturii

Datorită nucleului comun și sistemului de rulare a aplicației UWP, odată scrisă, aplicația va rula pe toate dispozitivele de sub Control Windows 10. Această gamă include:

  • calculatoare desktop;
  • sisteme server - OS Windows Server 2016;
  • laptopuri - MS Surface Book;
  • tablete - MS Surface Pro;
  • smartphone-uri - Lumia;
  • console de jocuri - Xbox One;
  • ochelari de realitate augmentată - MS HoloLens;
  • tablete de perete - MS Surface Hub;
  • ceas inteligent - MS Band 2.

Lista este impresionantă. În plus, UWP nu se limitează la execuția programelor de aplicație, ci acceptă și operarea driverelor la nivel de kernel. Acest lucru vă permite să creați drivere care să funcționeze diverse dispozitive, cu condiția ca componenta specifică pentru care este destinată acest șofer, aceeași.

UWP acceptă drivere atât la nivel de kernel, cât și la nivel de utilizator. Subsistemul include interfețe de driver de dispozitiv ( Driver de dispozitiv Interfață - DDI), pe care o poate folosi driverul UWP.

Dar toate acestea nu-l scutesc pe dezvoltator de a ajusta interfața la anumite platforme și rezoluții de ecran. În unele cazuri speciale, acest lucru poate să nu fie necesar.

Instrumente de dezvoltare

Pentru a scrie, depana, implementa și testa aplicații pentru Windows 10 Mobile, veți avea nevoie de Visual Studio 2015 (cine s-ar îndoi). În această vară a fost lansată a treia actualizare. Il recomand cu caldura! Remedierea sa principală este consumul redus de memorie în comparație cu a doua actualizare.

Veți avea nevoie și de Windows 10 Actualizare aniversară SDK: include totul instrumentele necesare pentru dezvoltarea de aplicații pentru întreaga flotă de dispozitive care rulează Windows 10. Dacă utilizați VS 2015 cu a treia actualizare, atunci acesta include deja cel mai recent SDK.

Una dintre principalele inovații este Windows Ink. Folosind acest API, puteți adăuga suport pentru stilou în două linii de cod. Există două obiecte de control pentru aceasta: InkCanvas și InkToolbar.

Noul API Cortana facilitează implementarea controlului vocal. Componenta Cortana Actions din noul API vă permite să creați noi fraze/expresii.

Autentificarea biometrică Windows Hello este acum disponibilă dezvoltatorilor web în browserul Edge.

Blend pentru Visual Studio 2015, un instrument de modelare a interfeței cu utilizatorul, oferă capabilități îmbunătățite de proiectare a interfeței de utilizare față de VS. Cu ajutorul acestuia, puteți crea machete în XAML pentru toate aplicațiile acceptate: aplicație, web, universal, mobil și așa mai departe. De asemenea, conține constructori pentru sarcini suplimentare, inclusiv crearea de animații și controlul comportamentului elementelor.

Modalități de a crea aplicații pentru Windows 10 Mobile

Principala modalitate de a crea aplicații pentru smartphone-uri cu Windows 10 Mobile este dezvoltarea Aplicații universale (UWP).(Derulați Visual C# → Windows → Universal New Project Wizards).

Cu toate acestea, el nu este singurul. După cum știți, Xamarin este integrat în Visual Studio 2015, cu ajutorul acestuia puteți crea și aplicații pentru Windows 10 Mobile, simultan pentru Android și iOS, schimbând interfața și lăsând logica programului în C# (Visual C# → Cross-Platform).

Cu exceptia Limbajul vizual C#, poate fi selectat în mod egal Visual Basic sau Visual C++. VS 2015 vă permite să creați aplicații versatile cu folosind JavaScript(JavaScript → Windows → Aplicații universale). Ele pot fi, de asemenea, implementate pe un dispozitiv Windows 10 Mobile.

Instrumente pentru lucrul cu proiecte vechi

De-a lungul istoriei lungi a sălii de operație sisteme Windows Un număr colosal de aplicații diferite au fost create pentru acesta. Odată cu lansarea Windows 8 și WinRT (și mai târziu Windows 10 și UWP), aplicațiile clasice vechi sunt de domeniul trecutului, deoarece numai desktopul Win 8 și Win 10 acceptă aplicațiile clasice Win32, COM, .NET. Acest lucru l-a întristat pe Microsoft. Dar băieții și-au dat seama că ar putea dezvolta un convertor care să convertească aplicațiile vechi pentru noul subsistem avansat UWP. Din aceasta s-a născut Convertor de aplicații desktop.

Convertirea unui proiect Xcode se face în doi pași. Mai întâi trebuie să adăugați evidențierea de sintaxă pentru limbajul Objective-C în Visual Studio: instalați extensia objc-syntax-highlighting.vsix din folderul winobjc\bin. Apoi, folosind utilitarul de linie de comandă vsimporter.exe, trebuie să convertiți proiectul Xcode într-un proiect VS. După aceasta, fișierul sln rezultat poate fi deschis în studio, unde va fi evidențiată sintaxa Objective-C. Puteți construi și rula aplicația, aceasta va rula la fel ca toate celelalte programe Windows.

La naiba, cât de uimitor este să vezi codul Objective-C evidențiat corect în Visual Studio!

Un compilator gratuit este folosit pentru a compila codul Obj-C Zăngăni. Deoarece rezultatul este o aplicație UWP standard, poate fi lansată pe un dispozitiv mobil în Mediul Windows 10 Mobil. Un program poate conține cod în C++ și Obj-C.

Daca ai un proiect pentru versiunea anterioara Windows Phone, adică 8.1 (sau 8.0), apoi, când îl deschideți în VS 2015, studioul va actualiza automat proiectul pentru a îndeplini cerințele aplicației Universal Windows (UWP). Nu numai marcajul interfeței cu utilizatorul în XAML va fi convertit, ci și logica programului în JS/C++/C#/VB împreună cu acesta. Dacă au existat apeluri către subsistemul WinRT în cod, atunci acestea vor fi convertite în apeluri UWP.

Există un alt tip comun de aplicație - jocuri. iOS și Android redă folosind o interfață OpenGL de nivel scăzut. Pe de altă parte, pe Windows 10 Mobile, DirectX 11 este folosit pentru a afișa imagini în jocuri, ceea ce duce la incompatibilitate. Dar există o soluție - proiectul open source ANGLE. ANGLE (Almost Native Graphics Layer Engine) - motorul de strat grafic aproape nativ - permite utilizatorii de Windows Rulați aplicațiile OpenGL ES fără probleme pe hardware care rulează DirectX 11. Acest lucru se realizează prin conversia apelurilor din API-ul OpenGL ES în API-ul DirectX 11. ANGLE acceptă pe deplin următoarele trei tipuri de aplicații:

  • aplicații universale pentru Windows 10 (aplicații universale Windows);
  • aplicații pentru Windows 8.1 și Windows Phone 8.1;
  • aplicații desktop clasice Desktop Windows (Desktop Windows aplicații).

Problema este discutată mai detaliat în cartea mea „Magia cuplului” (din nou, îți promovezi cartea! Ei bine, bine, o meriți. - Ed.).

Continuarea este disponibilă numai pentru abonați

Opțiunea 1. Abonați-vă la Hacker pentru a citi toate materialele de pe site

Abonamentul vă va permite să citiți TOATE materialele plătite de pe site în perioada specificată. Acceptăm plata carduri bancare, bani electronici și transferuri din conturile operatorului de telefonie mobilă.

Când instalați Windows Phone Developer Tools, obțineți următoarele instrumente gratuiteși componente.
  • Emulator Windows Phone
  • Software-ul Zune
  • XNA Game Studio 4.0
  • Silverlight
  • .NET Framework 4
Dacă aveți deja instalat Visual Studio 2010 (Professional sau Ultimate), puteți utiliza ediția dvs. de Visual Studio 2010 pentru dezvoltare după instalarea Windows Phone Developer Tools.
Expression Blend pentru Windows Phone
Expression Blend pentru Windows Phone este un software de design care vă permite să creați și să adăugați caracteristici vizuale speciale, cum ar fi gradienți, animații și tranziții. Pentru unele sarcini, Expression Blend este mai ușor de utilizat decât Visual Studio. Următoarea listă conține câteva sarcini care sunt ușor de realizat folosind Expression Blend.
  • Creați vizual șabloane de date
  • Utilizați datele de testare în timpul dezvoltării pentru a vizualiza modelele de date
  • Comenzi vizuale pentru stil
  • Crearea și vizualizarea animației
Următoarea imagine arată aspect Amestecul de expresie.

Notă:
Acest articol descrie lucrul în Visual Studio 2010 Express pentru Windows Phone și nu va folosi Expression Blend pentru Windows Phone.

Visual Studio 2010 Express pentru Windows Phone
Visual Studio 2010 Express pentru Windows Phone include un designer de tip drag-and-drop care simulează aspectul unui telefon, un editor de cod și un depanator. Dacă ați lucrat cu Visual Studio pentru a dezvolta alte tipuri de aplicații, veți găsi mediul de dezvoltare a aplicațiilor mobile foarte familiar. Următoarea imagine arată aspectul Visual Studio 2010 Express pentru Windows Phone.

Designerul Windows Phone include o casetă de instrumente, vizualizare Design, vizualizare XAML, Solution Explorer și fereastră Proprietăți similare cu designerul standard Visual Studio. Cele două diferențe cheie sunt că, în modul design, suprafața arată ca un dispozitiv Windows Phone și există un dispozitiv țintă care vă permite să alegeți dacă doriți să depanați aplicația pe dispozitiv sau un emulator. Următoarea imagine arată aspectul emulatorului în orientare portret și peisaj.

Ghid de proiectare

Este important să știți despre principii stabilite designul interfeței dacă intenționați să vă publicați Windows Aplicații pentru telefonîn App Hub. Ghidurile de proiectare descriu cum să proiectați interfața cu utilizatorul pentru aplicația dvs.

Următorul tabel arată rezumat principiile de bază de proiectare a interfeței și cerințele aplicației care trebuie luate în considerare la proiectarea și dezvoltarea aplicației dvs. O listă completă și actualizată a ghidurilor de proiectare a interfeței poate fi găsită la următorul link.
Ghid de proiectare și interacțiune a interfeței de utilizator pentru Windows Phone 7

Categorie Ghid de proiectare
Navigare, cadre și pagini
  • Asigurați-vă că luați în considerare acțiunea butonului înapoi și interacțiunea utilizatorului cu bara de aplicație atunci când creați o hartă de navigare.
Panoul de aplicații
  • Utilizați bara de aplicații pentru a efectua sarcini comune ale aplicației.
  • Sunteți limitat la patru butoane în bara de aplicații.
  • Plasați acțiunile efectuate mai puțin frecvent în meniul barei de aplicații.
  • Dacă o acțiune este dificil de exprimat clar cu o pictogramă, plasați-o într-un meniu din bara de aplicații și nu ca buton.
  • Sunteți limitat la cinci opțiuni în meniul barei de aplicații pentru a preveni derularea.
Butonul Înapoi
  • Ar trebui să implementați doar comportamentul butonului înapoi care navighează înapoi sau ascunde meniul contextual și casete de dialog. Toate celelalte implementări sunt interzise.
Orientarea ecranului
  • Orientarea implicită este portret. Pentru a accepta orientarea peisaj, trebuie să adăugați cod.
  • Dacă o aplicație acceptă orientarea peisaj, nu poate detecta doar orientarea peisaj la stânga sau la dreapta. Ar trebui să fie acceptate orientările peisajului din stânga și din dreapta.
  • Dacă aplicația acceptă introducerea textului, trebuie să acceptați orientarea peisaj datorită posibilității unei tastaturi hardware.
Teme
  • Evitați și folosirea cantitate mare albîn aplicații, de exemplu, fundal alb, deoarece acest lucru poate avea un impact grav asupra timpului durata de viata a bateriei dispozitive cu afișaj OLED.
  • Dacă principalul sau culoare de fundal controlul este specificat în mod explicit, asigurați-vă că conținutul său este vizibil în mod egal atât în ​​temele întunecate, cât și în cele deschise. Dacă culoarea specificată nu este vizibil, setați, de asemenea, în mod explicit fundalul sau culoarea principală, astfel încât să aibă suficient contrast sau alegeți o culoare mai potrivită.
Setările aplicației
  • Acțiunile aplicației care suprascriu sau șterg date sau care nu pot fi inversate trebuie să aibă un buton Anulare.
  • Folosind ecrane suplimentare cu butoanele de confirmare sau anulare, apăsarea acestor butoane ar trebui să efectueze acțiunea corespunzătoare și să revină utilizatorul la meniul principal de setări.
Introducere prin atingere
  • Toate de bază și sarcini generale trebuie efectuată cu un singur deget.
  • Comenzile tactile ar trebui să răspundă imediat la atingere. Comenzile tactile care sunt întârziate sau se simt lente în timpul tranzițiilor vor avea un impact negativ asupra experienței utilizatorului.
  • Pentru operațiunile pe termen lung care necesită resurse intensive, dezvoltatorii trebuie să ofere părere pentru a indica faptul că ceva se întâmplă cu conținutul de progres sau luați în considerare utilizarea unei bare de progres sau, ca ultimă soluție, a unei notificări brute. De exemplu, puteți afișa tot mai mult conținut pe măsură ce descărcarea progresează.
  • O apăsare lungă ar trebui utilizată în general pentru a afișa un meniu contextual sau o pagină de opțiuni pentru un articol.
Tastatură pe ecran
  • Trebuie să setați proprietatea capacității de introducere pentru un câmp de text sau alte elemente editabile pentru a determina tipul de tastatură și pentru a activa facilitățile de imprimare adecvate.
Controale Canvas și Grid
  • Controlul Canvas folosește aspectul bazat pe pixeli și poate oferi performanță mai bună decât controlul Grid pentru controale încorporate sau imbricate în aplicațiile cu orientare invariabilă.
  • Grila este cea mai bună alegere atunci când cadrul aplicației trebuie să se extindă, să se micșoreze sau să se rotească.
Controale Panorama și Pivot
  • Atât Panorama, cât și Pivot oferă navigare orizontală peste conținutul dispozitivului, permițând utilizatorului să se deplaseze și să se deplaseze după cum este necesar.
  • Utilizați controlul Panorama ca punct de plecare pentru o experiență de utilizator mai granulară.
  • Folosiți Pivot pentru a filtra volume mari date, permițând vizualizarea mai multor seturi de date sau pentru a oferi o modalitate de a comuta între diferite vizualizări ale acelorași date.
  • Nu utilizați Pivot pentru activități de navigare, cum ar fi aplicațiile expert.
  • Derularea verticală a unei liste sau a unei grile în secțiuni Panoramă este acceptabilă atâta timp cât se află în limitele secțiunii și nu este paralelă cu defilarea orizontală.
  • Nu puneți niciodată un Pivot într-un alt control Pivot.
  • Nu puneți niciodată un pivot într-un control Panorama.
  • Aplicația ar trebui să minimizeze numărul de pagini Pivot.
  • Pivot ar trebui folosit numai pentru a afișa elemente sau tipuri similare de date.
  • Nu trebuie să utilizați butoanele din bara aplicației pentru a naviga într-un control Pivot. Dacă Pivot necesită ajutoare de navigare, probabil că nu îl utilizați corect.
Text
  • Ar trebui să utilizați mai întâi fontul Segoe. Utilizați fonturi alternative cu prudență.
  • Evitați utilizarea fonturilor mai mici de 15 puncte.
  • Ține-te de el stil uniform folosirea literelor majuscule.
  • Numele aplicației din bara de titlu trebuie să fie cu majuscule.
  • Folosește totul literă mică pentru majoritatea celorlalte texte din aplicație, inclusiv titlurile paginilor și titlurile listelor. În panoul de aplicații, orice text este afișat automat cu litere mici.

Resurse aditionale

Mai jos sunt câteva link-uri către resurse suplimentare pentru a afla mai multe despre dezvoltarea Windows Phone.
Resursă Descriere
Windows Phone App Hub Documentație suplimentară, mostre de cod și comunitatea de dezvoltare Windows Phone.
Documentația de dezvoltare Windows Phone Documentație oficială pentru dezvoltarea Windows Phone pe MSDN.
Documentația Silverlight Documentație oficială pentru Silverlight și Silverlight pentru Windows Phone pe MSDN.
Exemple de cod pentru Windows Phone Exemple de cod descărcabile care completează documentația Windows Phone.
Pornire rapidă Windows Phone O colecție de articole scurte care demonstrează provocările și oportunitățile de dezvoltare pentru Windows Phone.
Ghidul pentru dezvoltatori Windows Phone Ghidul dezvoltatorului care descrie povestea unei companii fictive care a decis să folosească Windows Phone 7 ca dispozitiv client pentru aplicațiile cloud deja existente.
Blogul pentru dezvoltatori Windows Phone Un blog care contine informații la ziși anunțuri direct de la echipă Dezvoltare Windows Telefon.
Dezvoltare Windows Phone 7 pentru începători absoluti O serie de videoclipuri pentru începători absoluti care nu necesită abilități de programare.
Windows Phone 7 Jump Start O serie de videoclipuri pentru dezvoltatorii nou în dezvoltarea Windows Phone folosind Silverlight sau XNA.
Curs de instruire Windows Phone 7 Videoclipuri și lectii practice despre dezvoltarea pentru Windows Phone folosind Silverlight sau XNA.
.trusa de scule Tutoriale și alte resurse pentru designeri pentru a învăța cum să proiecteze o aplicație Windows Phone. Include tutoriale despre Expression Blend.
Blogul Jeff Wilcox Blog despre Silverlight, Silverlight Toolkit și Silverlight pentru Windows Phone. Jeff Wilcox este un dezvoltator de software principal la Microsoft în echipa Silverlight.
Blogul Jeff Prosise Blog despre diverse zoneîn programarea .NET, inclusiv Silverlight și Windows Phone. Jeff Prosise este programator experimentatși unul dintre fondatorii Wintellect.

Salutare tuturor!

Ultima mea postare a fost scrisă cu mult timp în urmă și este timpul să corectez acest fapt trist. Astăzi am decis să despart seria de articole despre Windows Azure și să vorbesc despre o altă platformă, nu mai puțin atractivă, de la Microsoft - Windows Phone.

După cum probabil știți deja, sistemul de operare pentru dispozitive mobile de la Microsoft este pe piață de mult timp (din 2010) iar astăzi ocupă una dintre pozițiile de lider, în unele țări depășind chiar și popular iOS. Prin urmare, mulți dezvoltatori atât din Rusia, cât și din întreaga lume scriu deja aplicații pentru acest sistem de operare cu putere și principal, raportând despre vanzari excelenteși profituri în Magazinul Windows.

Începeți să dezvoltați aplicații pentru Windows Phone este de fapt destul de ușor. Dacă știți deja C# și ați avut experiență cu WPF sau Silverlight, atunci puteți spune că știți 80% informatie necesara. Cert este că platforma de dezvoltare pentru Windows Phone s-a bazat inițial pe Silverlight, iar în versiunea WP8 a fost înlocuită cu o platformă oarecum asemănătoare acesteia, deși mai apropiată de WinRT. Deci, dacă ați scris vreodată aplicații în WPF, știți ce este MVVM și pentru ce este necesar, apoi scrieți aplicații pentru Windows Phone.

Dar dacă nu ești un dezvoltator cu experiență, dar chiar vrei să ai propria ta aplicație unică aici și acum, pe care să o poți instala pe telefon și să o arăți prietenilor tăi? Acesta este ceea ce vom discuta în articolul de astăzi.

Windows Phone App Studio

Întotdeauna am iubit Compania Microsoft pentru faptul că oferă utilizatorilor și dezvoltatorilor săi foarte instrumente convenabile pentru munca. Și în august, Microsoft a prezentat noul său serviciu, care va permite oricui, chiar și celor care nu sunt deloc familiarizați cu programarea, să își creeze propria aplicație pentru Windows Phone. Se numește Windows Phone App Studio.

Prin utilizarea a acestui serviciuîn doar patru pași poți crea cerere completă de la zero. Puteți să vă setați propriile stiluri, imagini și date, să adăugați o descriere și să încărcați rezultatul în magazinul de aplicații. Cu toate acestea, nu trebuie să fiți un dezvoltator înregistrat (un abonament anual costă 99 USD). Acum toată lumea are ocazia să deblocheze un dispozitiv gratuit și să descarce până la două aplicatii proprii pentru a le testa.

Eu însumi am devenit interesat de ce capabilități are acest serviciu și am decis să creez o aplicație însoțitoare pentru mini-proiectul meu Facts about Programming. Vă voi spune acum despre asta în detaliu.

Pasul 0.1. Înregistrare

Pentru a începe să utilizați serviciul, trebuie să vă înregistrați propriul cont LiveID. Cred că nu are rost să explic ce este dacă ați folosit vreodată vreun serviciu de la Microsoft. Accesați site-ul web App Studio și faceți clic Butonul de start Clădire:

Introduceți numele și parola LiveID și veți fi dus la sistemul de management al aplicațiilor dvs. Dacă este prima dată când faci asta, vei avea o listă goală. Am deja aplicația prog_facts în colecția mea.

Pasul 0.2. Selectarea unui tip de aplicație

Pentru a crea prima aplicație, trebuie să selectați elementul de meniu Creare. Vi se vor oferi două opțiuni - creați o aplicație conform uneia dintre șabloane disponibile sau configurați totul de la zero.

Există o mulțime de șabloane gata făcute. Printre acestea există șabloane pentru aplicații legate de sport (de exemplu, pentru a urmări rezultatele echipei preferate), familie, divertisment și multe altele. Când treceți cu mouse-ul peste șablon, îl veți vedea scurta descriere, iar când selectați fiecare dintre ele, se va deschide o fereastră suplimentară, care va demonstra cum ar putea arăta această aplicație.

În cazul meu, am decis să nu mă bazez pe un șablon, ci am creat aplicația de la zero selectând elementul de meniu corespunzător creați o aplicație goală.

Pasul 1: Informații despre aplicație

Primul și cel mai simplu pas dintre cei patru pentru care ni s-a promis să creăm o aplicație este responsabil pentru informațiile despre viitoarea aplicație. Va trebui să furnizați numele acestuia, o scurtă descriere și să selectați un logo. Sigla trebuie să fie în format PNG și să aibă o dimensiune de 160x160 pixeli.

Observați numărul de telefon afișat în dreapta. Îți arată întotdeauna aplicația cu modificările pe care le faci.

Pasul 2. Umplerea cu conținut

Fiecare aplicație creată prin Windows Phone App Studio constă din secțiuni. Fiecare secțiune este un set de pagini interconectate printr-un fel de logică. De exemplu, datele care pot fi afișate pe această pagină. Să creăm o nouă secțiune în care vom folosi un feed RSS ca sursă de date.

Aici trebuie să setați numele secțiunii viitoare, să selectați tipul sursei de date (colecția, RSS, videoclipuri YouTube, imagini Flickr, căutare Bing și conținut HTML5 sunt disponibile) și să îi dați un nume. După crearea unei secțiuni, vom fi direcționați către pagina de editare.

Pagina de editare este împărțită în mai multe părți. În secțiunea Sursă de date, puteți gestiona sursa de date care este asociată cu această secțiune. Secțiunea Pagini conține o listă cu toate paginile care aparțin secțiunii. Veți observa că am creat două pagini în mod implicit. Prima, numită Blog, este pagina principală a secțiunii, care conține intrări citite din fluxul RSS. A doua pagină Info a fost generată automat și este responsabilă pentru afișarea detaliilor fiecărei intrări RSS atunci când utilizatorul o selectează din listă. Vom părăsi paginile secțiunilor pentru moment și vom edita mai întâi sursa de date. (și nu uitați să faceți clic pe Salvare modificări, astfel încât secțiunea să fie salvată în proiect)

Pasul 2.1. Sursă de date

După ce am selectat o sursă de date pe ecranul anterior, vom fi duși la fereastra pentru editare. Deoarece am selectat tipul sursei RSS, ni se va cere să specificăm adresa URL de la care vor fi primite datele. Pentru acest exemplu, vom folosi fluxul RSS situat la

După ce faceți clic pe Reîmprospătare și salvați rezultatele, pagina principala aplicația din emulator, veți vedea imediat că datele sunt de la feed-uri RSS sunt deja afișate în aplicația dvs. Acest lucru este extrem de convenabil și util, deoarece puteți afla imediat cum va arăta programul. De exemplu, feedul meu RSS nu atașează imagini la postări, deci în schimb Constructor de aplicații Studio înlocuiește imaginile implicite care par deplasate. Să reparăm asta.

Pasul 2.2. Editarea aspectului unei pagini

Selectând una dintre paginile din pagina „Configurați conținutul aplicației” din secțiunea Pagini de secțiune, veți fi dus la fereastra pentru editarea acesteia. Există mai multe șabloane posibile disponibile pentru fiecare tip de pagină. Pentru pagina Blog, pe care vreau să o repar inițial, este setată vizualizarea implicită pentru afișarea postărilor și a imaginilor. Să selectăm o vizualizare cu numai postări, ajustând în același timp titlul paginii:

Puteți vedea imediat cum s-a schimbat aplicația. Acum intrările merg una după alta secvenţial, ceea ce aduce aspectul aplicaţiei la un stil minimalist. Merită să acordați atenție câmpurilor Titlu articol și Subtitlu articol. În loc de text simplu Există acum expresii de neînțeles scrise acolo (Data.Titlu) și (Data.Rezumat). Pentru cei familiarizați cu WPF, acest lucru poate fi comparat cu Data Binding. Pentru alții, le voi explica.

Deoarece secțiunea noastră este construită în jurul Sursei de date, trebuie să putem obține cumva date din această sursă. Aceste expresii înseamnă doar că în câmpurile corespunzătoare dorim să vedem informațiile primite din fluxul RSS. Aici obiectul Date reprezintă o postare din RSS, iar câmpurile Titlu și Rezumat reprezintă o parte specifică a acestei postări. Dacă dați clic pe pictograma din dreapta câmpului, veți vedea întreaga listă de câmpuri disponibile ale obiectului Date, printre care se află informații despre autorul intrării, data acesteia, linkul și mai multe.

Să încercăm să edităm pagina de informații în același mod. Pentru acesta este disponibil un set ușor diferit de șabloane, dintre care vom alege pe cel mai simplu și mai potrivit:

Totul pe această pagină este aproximativ la fel. Singurul lucru este că în loc de un obiect de date, aici este folosit Context, care este în esență același.

Pasul 2.3. Adăugarea de meniuri și alte secțiuni

Pe lângă secțiunile simple, puteți adăuga un așa-numit meniu la Windows Phone App Studio. Aceasta este o secțiune care constă dintr-o listă de link-uri către alte secțiuni sau site-uri externe. Am decis să adaug un meniu la secțiunile video ale site-ului, astfel încât să îl aveți mereu la îndemână acces rapid La Informatii utile. Adăugarea unui meniu este similară cu o secțiune simplă și configurarea acestuia nu este dificilă. Așa că vă sugerez să stăpâniți asta ca temă pentru acasă.

Pasul 3. Stiluri

După ce am completat aplicația cu secțiuni, pagini și meniuri, trecem la a vorbi despre frumusețe, și anume stil. În Secțiunea 3 „Configurați stilul aplicației” puteți configura modul de bază schema de culori, care va fi folosit în aplicația dvs. Am ales culorile care sunt folosite in blog - albastru si alb. Astfel, aplicația s-a dovedit a fi ușoară și plăcută, deși nu există nicio ceartă în privința gusturilor.

Culoarea Pensiei de accent determină care va fi culoarea ta principală de accent. Este responsabil pentru antetul aplicației. Pensula de fundal, după cum ați putea ghici, este responsabilă pentru culoarea de fundal. De asemenea, puteți alege o imagine dacă credeți că este mai potrivită decât o umplere de culoare solidă. Foreground Brush este culoarea fonturilor care vor fi utilizate pentru afișarea datelor în aplicația dvs. Ei bine, Application Bar Brush este culoarea de fundal a barei de meniu afișată în partea de jos.

Pasul 3.1. Placi

Tiles-urile sunt parte integrantă a oricărei aplicații pentru Windows Phone. Acestea vă pot îmbunătăți aplicația, permițând utilizatorului să vadă Informații suplimentare fără a deschide fereastra principală a programului. Desigur, în Windows Phone App Studio nu veți putea crea o placă inteligentă care să-și actualizeze în mod independent aspectul și să încarce date suplimentare de undeva. Cu toate acestea, puteți alege dintre mai multe comportamente standard folosind unele date statice. De exemplu, pentru aplicația glamcoder am selectat tipul de plăci Iconic Template și voi afișa pe ea o scurtă descriere a aplicației:

Pasul 3.2. Ecrane Splash și Lock

Acestea sunt decorațiuni suplimentare care vor face aplicația dvs. să arate mai elegantă și mai prezentabilă. O imagine Splash Screen este o imagine care este afișată utilizatorului în timp ce aplicația dvs. se încarcă. Acolo, de regulă, este obișnuit să plasați sigla programului sau companiei dvs. pentru a clarifica imediat utilizatorului ce aplicație va folosi în acest moment.

Imaginea Ecran de blocare este imaginea care va fi afișată pe ecranul de blocare. De fapt, nu există un sens practic special în ea, deoarece această imagine este statică în Windows Phone App Studio și este puțin probabil ca utilizatorul să dorească să înlocuiască tapetul colorat Bing cu imaginea dvs.

Pasul 4. Final

Ei bine, am ajuns la ultima etapă - crearea primei noastre aplicații pentru Windows Phone. Pe ultima pagină numită Generare, ne așteaptă opțiunea prețuită - pentru a genera un pachet pe care ulterior îl putem instala pe dispozitivul nostru. Clic buton mare Generați aplicația și așteptați ca magia să funcționeze.

După ce generarea este finalizată, veți vedea un mesaj corespunzător, precum și mai multe opțiuni din care să alegeți. În primul rând, veți primi un e-mail din care vă puteți descărca aplicația. În al doilea rând, puteți descărca fișierul pachetului finalizat pe computer și apoi îl puteți publica în magazinul de aplicații. Și a treia opțiune este că puteți descărca codurile sursă ale aplicației rezultate pentru a le edita. Vă sfătuiesc să utilizați a treia metodă. În primul rând, acest lucru vă va oferi mai multă flexibilitate și veți putea face modificări care nu pot fi făcute în Windows Phone App Studio. Și în al doilea rând, și acesta este cel mai important lucru, veți putea înțelege în mod independent codul aplicației, veți studia cum funcționează, astfel încât data viitoare să puteți scrie totul singur.

Concluzie

Popularitatea unui anumit sistem de operare mobil în zilele noastre este determinată nu de funcțiile pe care le oferă utilizatorilor în sine, ci de aplicațiile care sunt disponibile în magazin și care vă permit să extindeți funcționalitatea fiecărui dispozitiv pe termen nelimitat. Aud adesea oameni care nu sunt foarte familiarizați cu Windows Phone spunând că este un sistem înapoi, că nu există aplicatii necesare si prostii asemanatoare. Nimic din toate acestea nu este adevărat. Sistemul se dezvoltă activ, în fiecare zi apar din ce în ce mai multe aplicații noi, utile și uneori chiar exclusive.

Sper cu adevărat că acest articol vă va inspira să vă scrieți prima aplicație Windows Phone. Și vreau să cred că cunoștințele pe care le dobândești te vor ajuta să creezi Instagram nou sau noul Angry Birds. Și pentru ca acest lucru să se întâmple cât mai devreme posibil, accesați portalul de dezvoltare pentru Windows Phone, studiați materiale, urmăriți tutoriale video și creați.

Succes și aplicații bune pentru tine!

  • Serghei Savenkov

    un fel de recenzie „scurtă”... de parcă s-ar grăbi undeva