Când instalați Windows Phone Developer Tools, obțineț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), atunci 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 experiențe vizuale speciale, cum ar fi degrade, 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 pot fi îndeplinite cu ușurință cu Expression Blend.

• Crearea de șabloane de date vizual
• Utilizarea datelor de testare în timpul proiectării pentru a vizualiza șabloanele de date
• Stilizarea controlează vizual
• Crearea și vizualizarea animațiilor

Următoarea imagine arată aspectul Expression Blend.

Notă:
Acest articol descrie cum să lucrați î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 foarte familiar mediul pentru dezvoltarea de aplicații mobile. Următoarea imagine arată aspectul Visual Studio 2010 Express pentru Windows Phone.

Windows Phone Designer conține 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 Target care vă permite să alegeți dacă doriți să depanați aplicația pe un dispozitiv sau un emulator. Următoarea imagine arată aspectul emulatorului în orientări portret și peisaj.

Ghid de proiectare

Este important să cunoașteți regulile de proiectare a interfeței stabilite 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 rezumă principiile de bază de proiectare a interfeței și cerințele aplicației de luat în considerare atunci când proiectați și dezvoltați aplicația dvs. Lista completă și cea mai 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 generale 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ă acțiunea este dificil de exprimat clar cu o pictogramă, plasați-o în meniul barei de aplicații, mai degrabă decât ca buton. Sunteți limitat la cinci elemente în meniul barei de aplicații pentru a preveni derularea.
Butonul Înapoi	Trebuie doar să implementați 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 un cod. Dacă aplicația acceptă orientarea peisaj, nu poate detecta doar orientarea peisaj la stânga sau la dreapta. Orientările peisaj stânga și dreapta trebuie să fie acceptate. Dacă aplicația dvs. 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 fundalurile albe, deoarece acest lucru poate avea un impact grav asupra duratei de viață a bateriei dispozitivelor OLED. Dacă setați în mod explicit culoarea de prim plan sau de fundal a 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ă un contrast suficient, 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 ar trebui 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 întârzie sau par lente la tranziții vor avea un impact negativ asupra experienței utilizatorului. Pentru operațiunile consumatoare de timp și consumatoare de resurse, 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, în cazuri extreme, a unei notificări brute. De exemplu, puteți afișa tot mai mult conținut pe măsură ce se descarcă. Apăsarea lungă ar trebui, în general, să fie utilizată pentru a afișa un meniu contextual sau o pagină de opțiuni pentru un articol.
Tastatură pe ecran	Trebuie să setați proprietatea de introducere a casetei de text sau a altor elemente editabile pentru a identifica tipul de tastatură și pentru a activa facilitățile de imprimare adecvate.
Controale canvas și grilă	Controlul Canvas folosește marcaj bazat pe pixeli și poate oferi performanțe mai bune decât controlul Grid pentru controale profund încorporate sau imbricate în aplicațiile care nu răspund. 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 prin vizualizarea mai multor seturi de date sau pentru a oferi o modalitate de a comuta între diferite moduri ale acelorași date. Nu utilizați Pivot pentru activități de navigare, cum ar fi aplicațiile expert. Defilarea verticală a unei liste sau a unei grile în secțiunile 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ă Pivot într-un alt control Pivot. Nu puneți niciodată 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 date de un tip similar. Nu ar trebui să utilizați butoanele din bara de aplicații pentru navigare î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. Folosiți fonturi alternative cu grijă. Evitați utilizarea fonturilor mai mici de 15 puncte. Mențineți un stil consistent de scriere cu majuscule. Numele aplicației din bara de titlu trebuie să fie cu majuscule. Utilizați toate literele mici pentru majoritatea restului textului din aplicație, inclusiv titlurile paginilor și titlurile listelor. În bara aplicației, orice text este afișat automat cu litere mici.

Resurse aditionale

Mai jos sunt câteva link-uri către resurse suplimentare de unde puteți afla mai multe despre dezvoltarea pentru 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ția 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 capacitățile dezvoltării pentru Windows Phone.
Ghid 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 de dezvoltare 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 care nu au dezvoltat pentru Windows Phone folosind Silverlight sau XNA.
Curs de instruire Windows Phone 7	Videoclipuri și laboratoare de dezvoltat pentru Windows Phone folosind Silverlight sau XNA.
.trusa de scule	Tutoriale și alte resurse pentru designeri care predau cum să proiecteze o aplicație Windows Phone. Include tutoriale pentru Expression Blend.
Blogul Jeff Wilcox	Un blog despre Silverlight, Silverlight Toolkit și Silverlight pentru Windows Phone. Jeff Wilcox este dezvoltator principal de software la Microsoft în echipa Silverlight.
Blogul Jeff Prosise	Un blog despre diverse domenii din programarea .NET, inclusiv Silverlight și Windows Phone. Jeff Prosis este un programator experimentat și co-fondator al Wintellect.

Odată cu lansarea Windows 8, un tip complet nou de aplicație a fost prezentat dezvoltatorilor - aplicații în stilul UI modern. Ei bine, ce e nou? Aplicații similare au fost deja dezvoltate pentru Windows Phone. Aceste aplicații nu aveau nimic de-a face cu aplicațiile obișnuite Windows. Astfel de aplicații nu sunt compatibile cu versiunile anterioare de Windows, au o interfață complet nouă (Modern) și se folosește una nouă pentru dezvoltarea lor. 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 tale, totuși, dacă aveai nevoie să scrii o aplicație nu numai pentru Windows, ci și pentru Windows Phone, trebuia să depășești anumite dificultăți. Chestia este că Windows Phone folosește aplicațiile sale 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ă neinformată, i se poate părea că acest lucru nu ar trebui să aducă probleme, deși, de fapt, fiecare versiune a aplicației trebuie să fie scrisă de la zero complet. Tocmai aceasta este problema principală, deoarece volumul 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 era conștient de această problemă și lucrează de 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 de pe Windows Phone 8 până la sfârșitul verii). Putem presupune că acum aplicațiile vor funcționa 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 construită și compilată separat pentru fiecare platformă, dar cantitatea de muncă necesară a fost acum redusă semnificativ. Ideea 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 (vor fi trei în curând, Xbox One acolo). Desigur, Silverlight, familiar Windows Phone, nu a mers nicăieri și chiar a dobândit câteva funcții suplimentare, dar acesta nu este subiectul de conversație acum.

Aplicațiile universale folosesc acum Windows Runtime (același Windows Runtime). Aceste inovații permit programatorului să mențină codul specific platformei la minimum, 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 limbă C #(necesită cel puțin cunoștințe de bază ale limbii și XAML). Pentru asta avem nevoie de cel puțin:

Windows 8.1 (x86)

Acest lucru este foarte minim. Cu un astfel de 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)
Un procesor cu suport pentru virtualizarea hardware pentru clientul Hyper-V (chiar și Celeron G1610 de buget și ca și Pentium 4 pe LGA775 sunt potrivite)
Visual Studio Express 2013 pentru Windows Update 2

Cu un astfel de 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 este aproape identică cu Express gratuit. Să începem!

Universal „Bună, lume!”

Să începem 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 în mod special 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 un hub (acesta este un control atât de grozav). Să ne oprim asupra unei aplicații goale, pentru că doar învățăm până acum și nu ar trebui să mergem direct în junglă. Să trecem de la simplu.

Introduceți un nume pentru aplicația pe care o creați. I-am pus numele „UniversalHelloWorld”, clar și clar. Faceți clic pe OK și așteptați până când Visual Studio construiește proiectul. Să aruncăm o privire asupra structurii proiectului creat.

Întregul proiect este subdivizat î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ă rulaț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 selecta ce versiune a aplicației dvs. să rulați, căutați butonul de depanare (triunghi verde) pe bara de instrumente.

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

Să revenim la schimbarea versiunii lansate. În submeniu „Proiect de lansare” tu poti alege Windows Phone 8.1... După aceea, conținutul meniului de bază se va schimba și o varietate de emulatori vor fi disponibile pentru alegerea dvs.

Selectați emulatorul dorit și începeți depanarea. După ce pornește emulatorul, veți vedea un ecran gol pentru aplicația dvs. După ce depanarea este completă, nu trebuie să închideți deloc emulatorul.

Până acum, fiecare versiune a aplicației are o pagină principală separată, MainPage.xaml. Deoarece aplicația noastră este foarte simplă, nu avem deloc nevoie de un design diferit de pagină pe fiecare platformă. Mutați MainPage.xaml în secțiunea Partajat, apoi eliminați-l din secțiunile Windows și Windows Phone. Structura proiectului va deveni astfel:

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

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

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

Vom adăuga, de asemenea, un buton la pagină care ne va afișa un mesaj mic. Codul pentru acest buton este următorul:

Să adăugăm un handler de evenimente pentru clicul său (Click) 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.

Bună tuturor!

Vă prezentăm un nou instrument de la Microsoft „Windows App Studio”- un constructor pentru crearea de aplicații. Astăzi vă voi spune despre modul în care crearea de aplicații pentru Windows și Windows Phone a devenit disponibilă pentru utilizatorul obișnuit. Și puțin despre modul în care acest instrument poate fi util dezvoltatorului.

App Studio este un instrument pentru crearea de aplicații de conținut. Acest tip de aplicație oferă utilizatorului informații tematice, diverse cataloage și un întreg set de alte funcții standard.

App Studio interacționează cu utilizatorul printr-o interfață web, funcționează pe orice browser și este disponibil la următorul link. Toate datele App Studio sunt stocate în cloud.

Pentru a accesa App Studio, trebuie să aveți un cont Microsoft (anterior Live ID) și să fiți online.

Prezentare generală

Interfața este simplă și intuitivă:

Pe pagina principală există un panou de control pentru accesarea paginilor principale ale resursei:


Pagina principală demonstrează și aplicațiile create în App Studio, funcționale și disponibile în Windows Store:

Șabloane

App Studio oferă următoarele scenarii pentru a crea o aplicație:

• Utilizați șabloane;
• Creați o aplicație de la zero.

Șabloanele App Studio sunt aplicații orientate pe teme, cu o structură gata făcută, conținut demonstrativ și opțiuni de editare:

Spre deosebire de restul șabloanelor, Empty App nu oferă niciun script pentru crearea de aplicații și este complet fără conținut.

Toate șabloanele App Studio oferă posibilitatea de a crea aplicații universale care sunt disponibile pe dispozitivele Windows și Windows Phone 8.1. Pe lângă șablonul aplicației web:

Scopul acestui șablon este de a converti versiunea mobilă a site-ului web într-o aplicație web folosind adresa URL a site-ului. Această caracteristică este disponibilă numai pentru aplicațiile Windows Phone.

Este demn de remarcat varietatea de șabloane App Studio și prezența componentelor tematice pentru fiecare dintre ele:

Crearea aplicației

Ciclul de creare a unei aplicații în App Studio constă din 4 etape:

• Caută o idee;
• Conținut de umplere;
• Styling;
• Utilizarea unei aplicații gata făcute;

Pentru a demonstra capabilitățile instrumentului, să creăm un catalog de vinuri bazat pe aplicația Empty. Să-i spunem Wine Expert, să începem să construim structura și să adăugăm conținut.

Pagina de pornire a noii aplicații goale arată astfel:

Zona de lucru este împărțită în patru părți:

• Lucrați asupra structurii și conținutului aplicației: Conţinut;
• În continuare, două file sunt responsabile pentru aspectul și stilul aplicației: Temeși Placi.
• Publicați informații Conține setări prestabilite pentru publicarea unei aplicații în Magazinul Windows.

Lucrați la conținut

În zona Conținut, definim din ce pagini va fi format Wine Expert:

• Despre vin;
• catalog de vinuri;
• Producția de vin;
• Despre creatori.

Pentru a crea o structură, folosim un set de blocuri oferit de App Studio:

1. Pagina „Despre vin”, dacă conține text ca în acest exemplu, este cel mai convenabil concepută folosind blocul „HTML”:

   

   Editarea textului este disponibilă atât în ​​modul text, cât și în HTML - editor, trebuie doar să faceți clic pe simbol .

2. Catalogul de vinuri este un bloc de colecție:

   

   Datele dintr-o aplicație pot fi de două tipuri:

   • Static;
   • Dinamic.
   Date statice- acestea sunt datele care se află în aplicație. O aplicație cu acest tip de date nu necesită o conexiune la internet. Cu toate acestea, pentru a actualiza datele statice, va trebui să actualizați întreaga aplicație.

   Date dinamice- date situate în cloud. Pentru a le accesa, aveți nevoie de o conexiune la Internet, dar atunci când actualizați aceste date în cloud, aplicația le va actualiza automat.
   Procesul de populare a oricăruia dintre aceste tipuri de date este același în App Studio, iar resursele dinamice sunt bune pentru această demonstrație. Tipul de resursă poate fi modificat până când datele sunt complete.

   Să ne aranjam structura bazei de date aplicația noastră. Când faceți clic pe butonul „Adăugați coloane implicite”, App Studio adaugă automat câmpurile standard de stocare a datelor necesare și utilizate: Titlu, Subtitrare, Url imagine, Descriere.

   

   Elimin câmpul SubTitle și îl adaug pe al meu folosind butonul „Creare nou”:

   

   În „ColumnType” selectați tipul câmpului - text. Boolean Multiline, permițând înregistrări cu mai multe linii, lasă starea falsă.

   Acest lucru completează procesul de creare a structurii bazei de date a aplicației. Și trecem la umplerea acestuia.

   Butonul „Confirmare” ne readuce la spațiul de lucru „Conținut”, unde observăm toate paginile care compun aplicația de până acum:

   

   În blocul „Catalog de vinuri”, apăsați butonul „Editare” și treceți la modul de editare al acestui bloc:

   

   Acest mesaj apare în browser când există modificări nesalvate pe pagină. În acest caz, faceți clic pe „Rămâneți pe această pagină” și apoi pe butonul „Salvați” din colțul din dreapta sus.

   Repetăm ​​pașii și intrăm în modul de editare a colecției:

   

   În fila „Pagini”, puteți edita afișarea datelor atât pe pagină, cât și atunci când selectați un articol de catalog, precum și configurarea surselor de date corespunzătoare câmpurilor din baza de date a aplicației - „Legături”. Numărul de linii din „Legături” depinde de modul de afișare selectat:

   

   Să configuram aceste surse:

   

   Și treceți la modul de editare pentru afișarea elementului selectat:

   

   Aici trebuie să configurați din nou sursele, dar să fim atenți la noile setări - „Suplimente de pagină”:

   

   Nu uitați de butonul „Salvați” și uitați-vă la fila Date:

   

   Structura bazei de date deja cunoscută, gata pentru editare. Suntem interesați să introducem date în aplicație, faceți clic pe „Editați datele” și ajungem la pagina următoare:

   

   Datele pot fi adăugate manual, completând fiecare rând după crearea acesteia, folosind „Creare new”. Dar vom folosi capacitatea de a încărca date integrate în App Studio folosind un fișier cu extensia .csv „Import date”:

   

   Avertizăm încărcătorul că fișierul nostru a fost creat fără antet și că datele pot fi încărcate din prima linie.

   Rămâne doar să adăugați imagini:

   

   

   Modul de previzualizare a aplicației pe platforma Windows este disponibil făcând clic pe „ Previzualizare Windows».

3. Pagina „Producție de vin” va conține un videoclip al acestui proces, în acest caz selectăm un bloc precum YouTube:

   

   • Căutare / Utilizator / Lista de redare- tipul de solicitare prin care aplicația va căuta videoclipuri;
   • « producția de vin„- conținutul cererii.
   Rezultatul este o pagină care afișează un videoclip YouTube pentru o anumită interogare de căutare:

   

4. „Despre creatori” - vom crea această pagină folosind un bloc de tip „Meniu”:

   

   Există două moduri de editare disponibile pentru acest bloc:

   • Editarea standard a afișajului datelor pe pagină: butonul „Editare”;
   • Editarea elementelor de meniu.
   Editarea elementelor de meniu este o zonă în care trebuie să adăugați elementele necesare:

   

   Un bloc de tip „Meniu” poate conține toate blocurile de bază, colecțiile, precum și un element de tip nou „MenuAction”:

   

   Acțiunea pentru care este responsabil acest articol după editarea lui este scrierea unei scrisori prin aplicațiile disponibile pe dispozitiv:

   

   De asemenea, setarea „MenuAction” include și alte acțiuni: un apel telefonic, o tranziție la o pagină specificată etc.

   

   Să adăugăm un telefon la pagina „Despre creatori” și completarea aplicației cu conținut este finalizată:

   

Aspectul și stilul aplicației

App Studio din fila Teme oferă posibilitatea de a personaliza tema aplicației:

• Standard: fundal întunecat, deschis;
• Fundalul pe care utilizatorul îl preferă, inclusiv posibilitatea de a seta o imagine ca „Imagine de fundal”.

Folosind stilul personalizat, puteți personaliza, de asemenea, culoarea textului și bara standard de aplicație a aplicației:

Fila Tiles decorează aspectul aplicației pe ecranul de pornire, imaginea de fundal și splash de fundal:

Să personalizăm tigla aplicației pe ecranul de pornire:

• Flip șablon- gresie vii;
• Șablon de ciclu- răsfoirea colecției specificate din aplicație;
• Șablon iconic- o imagine cu toate cele trei dimensiuni de plăci.

Pentru catalogul de vinuri, selectați șablonul Flip și încărcați imaginile necesare corespunzătoare dimensiunilor specificate:

În colțul din stânga sus există și o zonă pentru încărcarea unei imagini, care va fi afișată lângă numele aplicației, completați-o și:

În fila Splash & Lock, vom efectua aceleași acțiuni cu imaginile:

Salvăm modificările și trecem la pasul următor.

Configurarea unei aplicații pentru publicare în Magazinul Windows

Să analizăm ce date necesită „Publicare informații” de la noi pentru a pregăti publicarea unei aplicații în Magazinul Windows, pe lângă titlul de înțeles al aplicației, descrierea aplicației și limba:

Una dintre condițiile pentru publicarea unei aplicații în Magazinul Windows este ca numele aplicației să fie rezervat în magazin înainte de a o publica. Rezervăm numele aplicației în Centrul de dezvoltare. Magazinul își va atribui „identitatea pachetului” fiecărui nume rezervat (înregistrat). Utilizatorul App Studio trebuie să cunoască aceste informații, nume și ID.

Pentru ca App Studio să genereze un pachet special de aplicație pentru publicare, trebuie să completați „Manifestul aplicației” - manifestul aplicației. Pentru a face acest lucru, setarea „Asociați aplicația cu magazinul” este furnizată în „Publicare informații”:

Etapa finală a lucrului cu aplicația

Aplicația este gata - faceți clic pe „Finish”:

Avem posibilitatea de a previzualiza aplicația pentru orice dispozitiv.

Funcția „Generare” vă oferă să alegeți pentru ce platformă doriți să generați aplicația, selectați Windows Phone 8.1 și Windows 8.1, ceea ce vă va permite să creați un nou tip de aplicație - universal:

În câmpul „Tip generație”, rețineți că avem nevoie de un pachet de aplicație pentru instalare pe un dispozitiv și de un pachet pentru publicare. Codul sursă al aplicației este generat implicit.

Deci, acum putem descărca toate materialele furnizate de App Studio pentru a lucra cu aplicația creată.

Instalarea unei aplicații pe un dispozitiv

O aplicație creată cu App Studio poate fi instalată pe un dispozitiv direct în afara Magazinului Windows datorită pachetelor instalabile generate.

Ce este necesar pentru asta:

1. Instalați un certificat pe dispozitiv:
   • Descărcați pachetul de instalare furnizat în App Studio pentru certificat în funcție de dispozitiv (PC, tabletă, telefon);
   • Rulați fișierul cu extensia .cer (în timpul instalării, selectați Mașină locală, plasați toate certificatele în următorul magazin: Autorități de certificare rădăcină de încredere).
2. Instalați aplicația pe dispozitiv:
   • Descărcați pachete instalabile;
   • Găsiți fișierul Add-AppDevPackage1.ps1, faceți clic dreapta pentru a porni „Run with PowerShell”.

Accesarea datelor aplicației în cloud

Pentru a adăuga, elimina sau edita date dinamice dintr-o aplicație publicată, în Centrul de dezvoltare, consultați aplicația corespunzătoare din lista Tabloului de bord. Deschideți colecția și faceți toate modificările necesare. Aplicația se va actualiza automat.

Oportunități pentru dezvoltatori

App Studio poate fi util pentru un dezvoltator profesionist, oferind codul sursă pentru aplicație.

De asemenea, poate fi convenabil pentru un dezvoltator să creeze structura aplicației sale folosind acest instrument și apoi să folosească Visual Studio 2013 (Actualizare 2) pentru a o modifica fără a pierde timpul scriind elemente de bază.

Concluzie

Pentru a crea o aplicație în App Studio nu sunt necesare cunoștințe de programare, în plus, crearea unei aplicații și obținerea codului sursă a acesteia este complet gratuită.

Dezvoltatorii vor fi, de asemenea, interesați să folosească un nou instrument, de exemplu, pentru a reduce timpul petrecut cu dezvoltarea structurii de bază a unei aplicații.

Etichete:

• Windows Phone
• ferestre
• studio vizual 2013
• magazin windows

Adaugă etichete

Salutare tuturor!

Ultima mea postare a fost scrisă cu destul de mult timp în urmă și ar fi timpul să corectez acest fapt regretabil. Astăzi am decis să diluez 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 (deja din 2010) iar astăzi ocupă una dintre pozițiile de lider, în unele țări depășind chiar popularul iOS în ceea ce privește numărul de dispozitive 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.

De fapt, este destul de ușor să începeți să dezvoltați aplicații pentru Windows Phone. Dacă cunoașteți deja C# și aveți experiență cu WPF sau Silverlight, atunci puteți spune că știți 80% din informațiile de care aveți nevoie. 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, apoi scrieți aplicații pentru Windows Phone.

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

Windows Phone App Studio

Mi-a plăcut întotdeauna Microsoft pentru că le oferă dezvoltatorilor săi instrumente foarte convenabile cu care să lucrez. Și în august, Microsoft a introdus noul său serviciu, care va permite oricui, chiar dacă nu este deloc familiarizat 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 seta propriile stiluri, imagini și date, puteți adăuga o descriere și puteți încărca rezultatul în magazinul de aplicații. Cu toate acestea, nu trebuie să fiți dezvoltator înregistrat (abonament anual pentru care costă 99 USD). Toată lumea are acum posibilitatea de a debloca un dispozitiv gratuit și de a 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 de suport pentru mini-proiectul meu Programming Facts. Acum voi vorbi 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 măcar o dată vreun serviciu de la Microsoft. Accesați site-ul web App Studio și faceți clic pe butonul Start Building:

Introduceți numele de utilizator ș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 tipului 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 personalizați totul de la zero.

Există o mulțime de șabloane gata făcute. Printre acestea se numără șabloane pentru aplicații orientate spre sport (de exemplu, pentru urmărirea rezultatelor 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 ar putea arăta această aplicație.

În cazul meu, am decis să nu mă bazez pe ș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ă introduceți numele acestuia, o scurtă descriere și să alegeți un logo. Sigla trebuie să fie în format PNG și să aibă o dimensiune de 160 × 160 pixeli.

Atenție la telefonul afișat în dreapta. Îți afișează întotdeauna aplicația cu modificările pe care le faci.

Pasul 2. Umplerea conținutului

Fiecare aplicație creată prin Windows Phone App Studio este împărțită în secțiuni. Fiecare secțiune este un set de pagini legate 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 flux 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 din Flickr, căutare Bing și conținut HTML5) și să îi atribuiți un nume. După crearea secțiunii, 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 asociată acestei secțiuni. Secțiunea Pagini conține o listă cu toate paginile care aparțin secțiunii. Puteți vedea că avem două pagini create 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ă de afișarea detaliilor fiecărei postări din 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 sursa de date pe ecranul anterior, vom ajunge la fereastra de editare. Deoarece am selectat tipul sursei RSS, ni se va solicita să specificăm adresa URL 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ă, în schimb, constructorul App Studio înlocuiește imaginile implicite care par deplasate. Să reparăm asta.

Pasul 2.2. Editarea aspectului paginii

Selectând una dintre paginile din pagina „Configurați conținutul aplicației” din secțiunea Pagini de secțiune, veți fi direcționat către fereastra de editare a acesteia. Există mai multe șabloane posibile disponibile pentru fiecare tip de pagină. Pentru pagina Blog, pe care inițial vreau să o corectez, este setat tipul de afișare implicit pentru postări și imagini. Să mergem la vizualizarea numai pentru postare, ajustând titlul paginii pe parcurs:

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 într-un stil minimalist. Acordați atenție câmpurilor Titlu articol și Subtitlu articol. În loc de text simplu, există acum expresii de neînțeles (Data.Titlu) și (Data.Rezumat). Pentru cei familiarizați cu WPF, acest lucru poate fi comparat cu Data Binding. În rest, o să explic.

Deoarece secțiunea noastră este construită în jurul Sursei de date, trebuie să putem primi 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 singură intrare din RSS, iar câmpurile Titlu și Rezumat reprezintă o parte specifică a acelei intrări. Dacă dați clic pe pictograma din dreapta câmpului, atunci 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 încă câteva.

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 îl vom alege pe cel mai simplu și mai potrivit:

Pe această pagină, totul este aproximativ la fel. Singurul lucru este că, în loc de un obiect Data, aici este folosit un 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 către site-uri externe. Am decis să adaug un meniu la secțiunile video ale site-ului, astfel încât să aveți mereu acces rapid la informații utile la îndemână. Un meniu este adăugat în mod similar unei secțiuni simple și personalizarea 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 să vorbim despre frumos, și anume despre stil. În secțiunea 3 „Configurați stilul aplicației” puteți personaliza schema de culori de bază care va fi utilizată în aplicația dvs. Am ales culorile folosite in blog – albastru si alb. Astfel, aplicația s-a dovedit a fi ușoară și plăcută, deși nu există nicio dispută în privința gusturilor.

Culoarea Pensiei de accent este responsabilă pentru culoarea ta principală de accent. El este responsabil pentru titlul cererii. Pensula de fundal, după cum ați putea ghici, este responsabilă pentru culoarea de fundal. De asemenea, puteți alege o imagine dacă vi se pare mai potrivită decât o umplere de culoare solidă. Pensula din prim-plan este culoarea fonturilor care vor fi folosite pentru a afișa date în aplicația dvs. Ei bine, Pensula pentru bara de aplicații 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 Windows Phone. Îți pot extinde 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 vizualizarea ș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 ales tipul de țiglă Iconic Template și afișez 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ă. Ecranul Splash 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 exact ce aplicație va folosi în acest moment.

Imagine pentru ecranul de blocare este o imagine care va fi afișată pe ecranul de blocare. De fapt, nu are prea mult sens practic, deoarece această imagine este statică în Windows Phone App Studio și este puțin probabil ca utilizatorul să dorească să schimbe imaginea de fundal colorată Bing cu poza ta.

Pasul 4. Final

Ei bine, aici ajungem la ultima etapă - crearea primei noastre aplicații pentru Windows Phone. Pe ultima pagină cu numele Generate, vom avea o opțiune prețuită - de a genera un pachet, pe care îl putem instala ulterior pe dispozitivul nostru. Apăsați butonul mare de aplicație Generare ș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 o scrisoare prin poștă, din care vă puteți descărca cererea. În al doilea rând, puteți descărca fișierul pachet final pe computer pentru a-l publica ulterior în magazinul de aplicații. Și a treia opțiune - 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, vă oferă mai multă flexibilitate pentru a 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, puteți afla în mod independent codul aplicației, puteți afla cum funcționează, astfel încât data viitoare să puteți scrie totul cu propriile mâini.

Concluzie

Popularitatea unui anumit sistem de operare mobil în zilele noastre este determinată nu de funcțiile pe care acesta 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 la nesfârșit. Aud adesea cuvintele oamenilor care nu sunt familiarizați cu Windows Phone că este un sistem înapoi, că nu are aplicațiile necesare și prostii asemănătoare. Toate acestea nu sunt adevărate. 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 materialele, urmăriți tutoriale video, creați.

Succes și aplicații bune pentru tine!

Începând de astăzi, toți dezvoltatorii pot adăuga în 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, să îl publicați și în magazin, dar îl puteți folosi singur sau îl puteți trimite prietenilor.

Cum creez o aplicație pentru Windows 10?

Accesați site-ul, conectați-vă la contul dvs. 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” în secțiunea de șabloane.

Dați un nume aplicației dvs., scrieți-l în câmpul corespunzător și faceți clic pe „Începeți cu acesta!”

Veți fi dus la tabloul de bord 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.

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

În fila „Teme”, poți alege oricare dintre temele pregătite sau o poți modifica pe cea existentă astfel încât să se potrivească cât mai mult aplicației tale.

În fila „Tiles” este configurată țigla 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 afișarea reclamelor.

În orice moment, puteți vedea cum va arăta și cum va funcționa aplicația dvs. 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 Generare. App Studio va crea un fișier de instalare și va furniza cod sursă pe care îl puteți deschide într-un instrument mai avansat, 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, în secțiunea Pentru dezvoltatori, activați Modul dezvoltator.

Deschideți folderul aplicației în Explorer, faceți clic dreapta pe fișierul Add-AppDevPackage și apoi 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, va apărea în lista cu toate aplicațiile instalate din meniul de pornire. Puteți rula și utiliza.