Dezvoltarea primei aplicații pentru Windows Phone: Pregătirea mediului de lucru. App Studio - o nouă versiune a designerului de aplicații online de la Microsoft

Salutare tuturor! Probabil ai auzit deja vestea că în primele 4 săptămâni Peste 75 de milioane de oameni au instalat deja Windows 10. În acest context, suntem deosebit de încântați să vă împărtășim un articol introductiv de la Arseny Pechenkin de la DataArt despre cum să începeți dezvoltarea celor mai bune zece aplicații.

Pentru cei care nu sunt siguri dacă să instaleze sau nu Windows 10 pe mașina lor preferată, oferim o scurtă prezentare generală a materialelor despre platformă, instrumente de dezvoltare și funcții noi disponibile la dezvoltarea aplicațiilor.

Cred că toată lumea știe deja de unde și cum să-și obțină copia Windows 10 - nu ne vom opri asupra acestui punct. Instalarea este similară cu instalarea Windows 8. Dacă intenționați să actualizați sistemul, vă recomand insistent să faceți o copie de rezervă a fișierelor de pe unitatea de sistem.

Instrumente

Ce instrumente de dezvoltare pot folosi? Veți avea nevoie de un nou MS Visual Studio 2015. Visual Studio 2015 Community Edition și edițiile cu plată Professional și Enterprise sunt disponibile în prezent.

Cu ceva timp în urmă, aproape toate secțiunile despre dezvoltare pentru Windows 10 au condus la secțiuni despre dezvoltare pentru Windows 8.1, dar după lansare documentația este actualizată treptat (ținând cont de faptul că platforma UWP pentru Windows 10 este o dezvoltare a WinRT).

Curs online la Microsoft Virtual Academy

Pentru cei care preferă un format audio-vizual de cunoaștere a platformei, există un curs introductiv: A Developer's Guide to Windows 10.

Cursul acoperă principalele caracteristici ale platformei, modelele și instrumentele disponibile pentru crearea aplicațiilor Windows. Sunt luate în considerare mai multe scenarii de bază care sunt implementate în aplicație: lucrul cu o cantitate mică de memorie, executarea sarcinilor în fundal, comunicarea între dispozitive, gestionarea fișierelor și a datelor și metode de interacțiune cu utilizatorul.

Deblocarea licenței și a dispozitivului

Ca și în cazul dezvoltării pentru Windows 8/8.1, va fi necesară o licență de dezvoltator. Aceasta este similară cu Licența de dezvoltator Windows 8/8.1 atunci când creați primul proiect direct în Visual Studio (acesta nu este același cu un cont de publicare în magazin). Pentru a instala aplicații pe dispozitivele dvs., nu uitați să le deblocați:

Aplicații universale

Ce este nou pentru dezvoltator? S-a anunțat că aplicația universală poate fi rulată pe orice platformă Windows 10. Aceasta este implementată printr-un sistem de diverse API-uri. Adică, există un strat API comun tuturor platformelor (Universal Windows Platform, UWP). Dacă aplicația își folosește numai capacitățile, va funcționa pe toate platformele cu UWP.

Dacă trebuie să utilizați capacități specifice platformei (de exemplu, lucrul cu butoanele hardware pe un smartphone), atunci puteți utiliza API-urile corespunzătoare prin extensii de platformă. Această funcționalitate va funcționa numai pe platformele care au aceste API-uri, așa că verificările pentru disponibilitatea metodelor și claselor corespunzătoare trebuie să fie integrate în cod.

Șabloane

Din cutie în Visual Studio, avem acces la un singur șablon de proiect, Blank App.

Acesta este un proiect de aplicație universală Windows cu o singură pagină care nu are controale sau structură predefinite.
Pe lângă șablonul standard, puteți găsi șabloane din comunitatea de dezvoltatori.

Colecția include în prezent următoarele șabloane de proiect:

  • Blank App, un proiect XAML de bază pe o singură pagină. Similar cu aplicația standard Blank inclusă în SDK-ul Windows 10, dar fără telemetrie Application Insights.
  • SplitView App, un proiect de aplicație cu mai multe pagini cu control adaptiv SplitView.
  • Composition App, un proiect care nu folosește biblioteca de componente standard, ci folosind API-ul Windows.UI.Composition,
  • Aplicația Composition XAML, un proiect care utilizează XAML și API-ul Windows.UI.Composition.

Exemple

Pentru a facilita conectarea la platforma UWP, Microsoft a pregătit o colecție tot mai mare de exemple:

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) și astăzi ocupă una dintre pozițiile de frunte, în unele țări depășind chiar și popularul iOS ca număr de aparate vândute. 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 vânzări și profituri excelente î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 aveți experiență cu WPF sau Silverlight, atunci puteți spune că știți 80% din informațiile necesare. 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 Microsoft, deoarece oferă utilizatorilor și dezvoltatorilor săi instrumente foarte convenabile pentru muncă. Ș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.

Cu acest serviciu, puteți crea o aplicație cu drepturi depline de la zero în doar patru pași. 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 poate debloca un dispozitiv gratuit și poate descărca până la două dintre propriile aplicații 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 pe butonul Start Building:

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 folosind unul dintre șabloanele 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 un șablon, veți vedea o scurtă descriere a acestuia, iar când selectați fiecare dintre ele, se va deschide o fereastră suplimentară, care va demonstra cum poate 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

De îndată ce faceți clic pe Refresh și salvați rezultatele, pe pagina principală a aplicației din emulator veți vedea imediat că datele din fluxul 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, așa că generatorul App 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, acolo sunt scrise acum expresii de neînțeles (Data.Title) și (Data.Summary). 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ă aveți întotdeauna acces rapid la informații utile la îndemână. 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” veți putea configura schema de culori de bază care va fi utilizată î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ă imaginea de fundal 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. Faceți clic pe butonul mare Generare aplicație ș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, să studiați 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 sunt mai puțin familiarizați cu Windows Phone spunând că este un sistem înapoi, că nu există aplicații necesare pentru el și prostii asemănătoare. 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 un nou Instagram sau un nou 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!

Când instalați Windows Phone Developer Tools, primiți următoarele instrumente și funcții gratuite.
  • 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ă aspectul Expression Blend.

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ă cunoașteți principiile stabilite de proiectare a interfeței dacă intenționați să publicați aplicația Windows Phone în App Hub. Ghidurile de proiectare descriu cum să proiectați interfața cu utilizatorul pentru aplicația dvs.

Următorul tabel oferă un rezumat al principiilor de bază de proiectare a interfeței și al cerințelor aplicației pe care trebuie să le luați în considerare atunci când proiectați și dezvoltați aplicația. 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 meniurile contextuale și casetele 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 să folosiți prea mult alb în aplicații, cum ar fi un fundal alb, deoarece acest lucru poate avea un impact grav asupra duratei de viață a bateriei dispozitivelor OLED.
  • Dacă setați în mod explicit culoarea primului plan sau a fundalului unui control, asigurați-vă că conținutul acestuia este vizibil în mod egal atât în ​​pielea închisă, cât și în cea deschisă. Dacă culoarea specificată nu este vizibilă, setați, de asemenea, în mod explicit culoarea de fundal sau de prim-plan, 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.
  • Când utilizați ecrane suplimentare cu butoane de confirmare sau de anulare, apăsarea acestor butoane ar trebui să efectueze acțiunea corespunzătoare și să returneze utilizatorul la meniul principal de setări.
Introducere prin atingere
  • Toate sarcinile de bază și generale trebuie efectuate 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țiuni de lungă durată, care necesită resurse intensive, dezvoltatorii ar trebui să ofere feedback pentru a indica faptul că ceva se întâmplă cu conținutul de progres sau să ia î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țe mai bune decât controlul Grid pentru controale încorporate sau imbricate în aplicațiile cu orientare fixă.
  • 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ă prin conținutul dispozitivului, permițând utilizatorului să se deplaseze și să deplaseze după cum este necesar.
  • Utilizați controlul Panorama ca punct de plecare pentru o experiență de utilizator mai granulară.
  • Utilizați Pivot pentru a filtra cantități mari de date, permițându-vă să vizualizați mai multe 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.
  • Respectați un stil consecvent de scriere cu majuscule.
  • Numele aplicației din bara de titlu trebuie să fie cu majuscule.
  • Utilizați toate litere mici 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 Un ghid pentru dezvoltatori care descrie povestea unei companii fictive care a decis să folosească Windows Phone 7 ca dispozitiv client pentru o aplicație cloud existentă.
Blogul pentru dezvoltatori Windows Phone Un blog care conține informații și anunțuri actualizate direct de la echipa Windows Phone.
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 tutoriale 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 Un blog despre diverse domenii ale programării .NET, inclusiv Silverlight și Windows Phone. Jeff Prosise este un programator experimentat și unul dintre fondatorii Wintellect.

Înainte de a începe să explorăm capacitățile platformei și să dezvoltăm aplicații, trebuie să ne asigurăm că avem toate instrumentele necesare și că înțelegem câteva elemente de bază ale dezvoltării.

Instrumente

Visual Studio 2010

Pentru a dezvolta pentru Windows Phone veți avea nevoie de Visual Studio 2010 cu Service Pack 1 Professional Edition sau o versiune superioară. Dacă nu aveți Visual Studio 2010, instalarea Instrumentelor de dezvoltare Windows Phone va instala automat versiunea gratuită a Visual Studio 2010 Express pentru Windows Phone, care poate fi folosită și pentru a dezvolta aplicații pentru Windows Phone.

Ambele versiuni ale Instrumentelor de dezvoltare integrate Visual Studio oferă dezvoltatorului aceleași capacități de depanare pe dispozitiv și emulator pe care le au dezvoltatorii de aplicații desktop pe Windows.

Vă rugăm să rețineți că pentru a depana pe dispozitiv, pe lângă dispozitivul în sine și cablul de conectare la computer, trebuie să aveți software-ul Zune (http://zune.net) instalat pe computer cu instrumentele de dezvoltare. De asemenea, înainte de a implementa aplicația și de a depana, trebuie să înregistrați dispozitivul („deblocați”) folosind Instrumentul de înregistrare pentru dezvoltatori Windows Phone, care este instalat cu Windows Phone SDK.

Windows Phone SDK

Acest pachet, disponibil pentru descărcare de pe site-ul App Hub http://create.msdn.com, conține tot ce aveți nevoie pentru a începe dezvoltarea. La momentul scrierii acestui articol, cea mai recentă versiune a setului de instrumente este disponibilă în Windows Phone SDK 7.1 Release Candidate sub licența „Go Live”, cu posibilitatea de a dezvolta propriile aplicații și de a le publica pe Windows Phone Marketplace. Windows Phone SDK 7.1 Release Candidate conține următoarele componente:

  • Windows Phone SDK 7.1
  • Emulator Windows Phone
  • Windows Phone SDK 7.1 Ansambluri
  • Silverlight 4 SDK și DRT
  • Extensii Windows Phone SDK 7.1 pentru XNA Game Studio 4.0
  • Expression Blend SDK pentru Windows Phone 7
  • Expression Blend SDK pentru sistemul de operare Windows Phone 7.1
  • Client WCF Data Services pentru Windows Phone
  • Microsoft Advertising SDK pentru Windows Phone

Dacă nu aveți instalat Visual Studio 2010 Professional Edition, Expression Bland 4 sau XNA Game Studio 4.0, procesul de instalare va descărca și instala și:

  • Visual Studio 2010 Express pentru Windows Phone
  • Expression Blend 4 pentru Windows Phone
  • XNA Game Studio 4.0

Expression Blend și Expression Blend pentru Windows Phone

Expression Blend este un designer vizual interactiv pentru XAML, tehnologia de descriere a interfeței pentru aplicațiile Silverlight și Windows Presentation Foundation (WPF). Este un instrument excelent de dezvoltare care vă permite să manipulați cu ușurință straturi, animații, stiluri și șabloane. Acesta este un instrument de dezvoltare XAML de bază. Expression Blend în sine nu este gratuit, dar o versiune specială pentru crearea design-urilor de aplicații pentru Windows Phone, numită Expression Blend 4 pentru Windows Phone, este disponibilă gratuit pentru dezvoltatori. Acesta va fi descărcat și instalat în timpul procesului de instalare Windows Phone SDK dacă nu aveți versiunea completă a Expression Blend pe computer. Puteți citi mai multe despre Expression Blend 4 pe MSDN:

XNA Game Studio 4.0

Emulator Windows Phone

Deși Windows Phone Emulator nu conține setul complet de aplicații disponibile pe un dispozitiv real, oferă un mediu puternic care vă permite să dezvoltați o aplicație aproape în întregime în emulator.

Emulatorul Windows Phone nu acceptă redarea conținutului media Zune. Emulatorul vine cu o singură aplicație încorporată pentru Internet Explorer, dar este Internet Explorer 9 cu suport HTML5.

În același timp, emulatorul vă permite să testați apeluri și să trimiteți mesaje SMS, acceptă multi-touch pe monitoarele care îl acceptă, acceptă simularea unei camere, servicii de geolocalizare și accelerometru și vă va permite, de asemenea, să faceți capturi de ecran.

Instrumente suplimentare pentru dezvoltatori

Instrument de înregistrare pentru dezvoltatori Windows Phone

Windows Phone Profiler

Windows Phone Profiler este disponibil în meniul Debug din Visual Studio cu Windows Phone SDK instalat.

Setul de instrumente Silverlight pentru Windows Phone– Un set de comenzi Silverlight utile pentru Windows Phone cu suport pentru modul design, de la echipa Silverlight. Tot codul sursă, exemplele și documentația sunt disponibile. Actualizat aproximativ o dată la trei luni, disponibil la http://silverlight.codeplex.com sau prin NuGet.

Versiunea actuală include controale precum ContextMenu, DatePicker și TimePicker, ToggleSwitch, WrapPanel și GestureHelper.

Mediu de dezvoltare

După instalarea SDK-ului Windows Phone, grupurile de proiecte pentru Silverlight pentru Windows Phone vor apărea în dialogul Proiect nou din Visual Studio:

și proiectele pentru Windows Phone vor fi adăugate la grupul XNA Game Studio 4.0:

Această serie de articole se concentrează pe dezvoltarea pentru Windows Phone folosind Silverlight, așa că ne vom uita puțin mai detaliat la șabloanele disponibile pentru dezvoltatorii de aplicații.

După instalare, dezvoltatorul are la dispoziție următoarele șabloane de aplicație Silverlight pentru Windows Phone:

  • Aplicația Windows Phone
  • Aplicația Windows Phone Databound
  • Biblioteca de clasă Windows Phone
  • Aplicația Windows Phone Silverlight și XNA

Înainte de a trece direct la șabloanele de aplicații, trebuie să spun câteva cuvinte despre Windows Phone și interfața de utilizare în stil Windows 8.

Windows Phone și interfața de utilizare în stil Windows 8

Windows Phone nu este doar o altă platformă pentru dispozitive mobile. Conține nu numai componenta tehnologică, ci și un concept complet dezvoltat de proiectare a interfeței și interacțiune cu utilizatorul numit UI în stil Windows 8 sau stil UI în stil Windows 8.

Dacă sunteți designer sau aveți un designer dedicat în echipa dvs., puteți profita din plin de puterea Expression Blend 4 sau Expression Blend pentru Windows Phone, care vine cu Windows Phone SDK.

Ce trebuie să faceți dacă sunteți dezvoltator și nu doriți să vă ocupați de designul vizual al aplicației, de exemplu, dezvoltați o aplicație de afaceri și tot ceea ce este necesar de la aceasta este să respectați designul general și stilul Windows Phone ?

Totul este foarte simplu. În primul rând, Silverlight pentru telefon este proiectat ținând cont de interfața de utilizare în stil Windows 8, astfel încât toate comenzile încorporate sunt proiectate în stilul de interfață de utilizare în stil Windows 8. În al doilea rând, în mod implicit, aplicațiile create din șabloane furnizate de Windows Phone SDK funcționează, arată și folosesc stiluri și fonturi în conformitate cu interfața de utilizare în stil Windows 8.

Pe de altă parte, capacitățile de stil pe care Silverlight le oferă pentru controalele și aplicațiile bazate pe XAML sunt suficiente pentru a face aplicația dvs. unică și recunoscută, rămânând în același timp în interfața de utilizare în stil Windows 8.

Ghidul pentru proiectarea interfeței de utilizator și experiența utilizatorului pentru Windows Phone poate fi găsit la următorul link

Tot ceea ce s-a spus mai sus se aplică, desigur, pentru proiectarea aplicațiilor obișnuite, deoarece cerințele pentru proiectarea aplicațiilor de jocuri și interfața acestora pot diferi semnificativ. În același timp, nu trebuie să uităm de principiile generale de interacțiune cu utilizatorul inerente conceptului Windows Phone.

Șabloane de aplicație

Mai întâi, să ne uităm la trei șabloane care reprezintă cele trei stiluri principale ale unei aplicații Windows Phone:

  • Aplicația Windows Phone
  • Aplicația Windows Phone Pivot
  • Aplicația Windows Phone Panorama

Aplicația Windows Phone este un analog al unei aplicații conversaționale simple care are un ecran principal prin care are loc interacțiunea principală cu utilizatorul.

Aplicația Windows Phone Pivot este un fel de aplicație de marcaj, în care titlul fiecărui marcaj determină conținutul. Cazul de utilizare standard este că fiecare marcaj reprezintă aceleași date, dar în vizualizări diferite și/sau cu filtrare diferită. De exemplu, calendarul, clientul de e-mail și setările telefonului. Șablonul folosește un control Pivot.

Aplicația Windows Phone Panorama – o aplicație panoramică în care zonele de interacțiune a utilizatorului sunt, de asemenea, împărțite în panouri, dar sunt accesibile prin defilare orizontală; imaginea de fundal este setată la întreaga panoramă deodată, are un titlu comun care derulează mai lent decât panourile; conținutul panoului alăturat din dreapta este vizibil atunci când este afișat cel curent. De exemplu, hub-urile din Windows Phone sunt implementate în acest fel: Oameni, Piață, Imagini, Muzică+Video, etc. Șablonul folosește controlul Panoramă.

Șabloanele care se termină cu Agent sunt șabloane de bibliotecă pentru efectuarea sarcinilor de fundal corespunzătoare:

  • Agent de redare audio Windows Phone
  • Agent de streaming audio Windows Phone
  • Agent de activități programate Windows Phone

Șablon de aplicație Windows Phone Databound - un șablon de aplicație simplu cu o listă - o vizualizare detaliată cu implementarea navigării între pagini, transmiterea parametrilor și stocarea datelor într-un ViewModel global.

Windows Phone Class Library Template – șablon de bibliotecă de clasă pentru Windows Phone.

Windows Phone Silverlight și șablon de aplicație XNA pentru o aplicație Silverlight care poate folosi XNA pentru a reda conținut grafic.

Începând de astăzi, toți dezvoltatorii pot contribui la magazinul 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 de pornire a serviciului. 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!”

Veți fi dus la panoul 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 un fișier de instalare și va furniza 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 dreapta pe fișierul Add-AppDevPackage, apoi faceți clic pe „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.